*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4ec;color:#293d37;font-family:'Yu Gothic UI','Meiryo',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:28px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbd2}.brand{text-decoration:none;font-size:20px;letter-spacing:.12em;font-weight:700}.heart{color:#d57662}.brand .heart{padding-right:12px}.header-note{font:italic 14px Georgia,serif;color:#77847c}main{max-width:1440px;margin:auto;padding:0 5.5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:66px 0 56px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700}.eyebrow span{padding:0 12px;color:#c4a585}h1{font-size:clamp(36px,4.7vw,64px);line-height:1.4;letter-spacing:.09em;margin:24px 0;font-weight:600}.lead{font-size:15px;line-height:1.9;color:#66756b;margin:0}.mobile{display:none}.intro-mark{width:170px;height:170px;border:1px solid #c8c9b6;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(9deg);margin-right:4%}.intro-mark span{font-size:38px;color:#d57662}.intro-mark small{font:12px/1.7 Georgia,serif;letter-spacing:.04em;text-align:center;margin-top:8px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cbd1c6;padding:26px 0 22px}h2{font-size:15px;letter-spacing:.08em;margin:0}h2 span{font-size:12px;font-weight:400;padding-left:12px;color:#7d887f}.gallery-heading p{font-size:12px;color:#7d887f;margin:0}.gallery-heading p span{padding-left:10px}.gallery{columns:4;column-gap:18px}.piece{display:block;width:100%;border:0;background:transparent;padding:0;margin:0 0 18px;break-inside:avoid;position:relative;overflow:hidden;border-radius:3px;line-height:0;outline-offset:5px}.piece img{display:block;width:100%;height:auto;transition:filter .2s,transform .3s}.piece:hover img{filter:brightness(1.03);transform:scale(1.015)}.piece .gif{position:absolute;right:9px;bottom:9px;background:#fffde9e8;color:#30483e;font-size:10px;line-height:1;padding:7px 9px;letter-spacing:.1em;border-radius:20px}footer{text-align:center;padding:75px 0 36px}footer>.heart{font-size:26px}footer p{font-size:15px;letter-spacing:.1em;margin-top:16px}footer small{display:block;font-size:10px;color:#8c958b}footer a{display:inline-block;font-size:12px;text-decoration:none;margin-top:30px;border-bottom:1px solid #b3bbae;padding-bottom:6px}dialog{border:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#18201d;color:#f4f1e8;overflow:hidden}dialog::backdrop{background:#18201d}.viewer-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:2}.viewer-top>span{font-size:13px;letter-spacing:.12em;color:#b9c1b8}.viewer-top button{border:1px solid #465149;color:#f4f1e8;background:transparent;padding:10px 15px;border-radius:4px;margin-left:8px;font-size:13px}.stage{height:calc(100dvh - 125px);display:flex;align-items:center;justify-content:center;overflow:auto;padding:0 70px;touch-action:pan-y pinch-zoom}.stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none}.stage.zoomed{display:block;text-align:center}.stage.zoomed img{max-width:none;max-height:none;width:auto;height:auto;margin:auto;user-select:auto}.arrow{position:absolute;top:47%;z-index:2;background:#18201d99;border:1px solid #78837a55;color:#f4f1e8;font-size:42px;width:48px;height:64px;border-radius:5px;line-height:1}.prev{left:15px}.next{right:15px}.arrow:disabled{opacity:.25;cursor:default}.viewer-hint{text-align:center;color:#a0ada2;font-size:11px;margin:20px 0 0}button:focus-visible,a:focus-visible{outline:3px solid #d57662}body.viewing{overflow:hidden}@media(max-width:900px){.gallery{columns:3}.intro-mark{margin-right:0;width:140px;height:140px}}@media(max-width:600px){header{padding:22px 6%}.brand{font-size:17px}.header-note{display:none}main{padding:0 6%}.intro{padding:42px 0 38px}.intro-mark{width:88px;height:88px;margin-left:10px;flex-shrink:0}.intro-mark span{font-size:25px}.intro-mark small{font-size:8px;line-height:1.4;margin-top:5px}.eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow span{padding:0 5px}h1{font-size:34px;margin:20px 0}.lead{font-size:12px}.mobile{display:block}.gallery{columns:2;column-gap:10px}.piece{margin-bottom:10px}.gallery-heading{padding:21px 0 18px}h2{font-size:12px;letter-spacing:0}h2 span{padding-left:5px;font-size:10px}.gallery-heading p{font-size:9px}.gallery-heading p span{padding-left:2px}.viewer-top{padding:0 14px;height:64px}.viewer-top button{padding:9px 11px;font-size:12px}.stage{padding:0 8px;height:calc(100dvh - 115px)}.arrow{width:34px;height:46px;font-size:32px;top:auto;bottom:8px;background:transparent}.prev{left:16px}.next{right:16px}.viewer-hint{font-size:10px;margin-top:18px}.viewer-hint span{display:none}footer{padding-top:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.piece img{transition:none}}