:root{--bg:#fbf9f4;--ink:#514333;--muted:#827665;--gold:#a47c3e;--line:#e6dfd3;--soft:#f1ece1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Hiragino Maru Gothic ProN','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:14px;line-height:1.9}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;width:100%;object-fit:cover}svg{width:30px;height:40px;color:var(--gold)}.defs{position:absolute;width:0;height:0}header{height:100px;max-width:1320px;padding:0 54px;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:20px;letter-spacing:.06em}.brand svg{height:48px;width:35px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.15em;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px}nav a{padding:12px 0;position:relative}nav a:hover{color:var(--gold)}.menu{display:none}.hero{max-width:1320px;min-height:650px;margin:15px auto 0;padding:0 54px;display:grid;grid-template-columns:46% 54%;align-items:center;gap:0}.hero-copy{padding:25px 0}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.12em;margin:0 0 15px}.eyebrow>span{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:9px}h1{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(35px,3.5vw,52px);font-weight:500;line-height:1.65;letter-spacing:.08em;margin:20px 0}.intro{font-size:14px;line-height:2.3;color:#796c5c;margin:25px 0 30px}.button{display:inline-flex;align-items:center;gap:45px;background:#8a704b;color:white;border-radius:5px;padding:14px 24px;font-size:13px}.button:hover{background:#725c3e}.hero-note{margin-top:32px;font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:center}.hero-note svg{width:19px;height:22px;fill:#b9a787;transform:rotate(-15deg)}.hero-photo{height:630px;position:relative;margin-left:12px}.hero-photo>img{height:100%;border-radius:160px 160px 12px 12px;object-position:center 32%}.photo-tag{position:absolute;bottom:24px;left:25px;color:white;font-size:12px;letter-spacing:.14em;text-shadow:0 1px 5px #000}.photo-stamp{position:absolute;right:-24px;bottom:65px;background:#f7f1e5;border-radius:50%;width:135px;height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:11px;line-height:1.9;transform:rotate(9deg);box-shadow:0 0 0 7px #fbf9f480}.photo-stamp b{font-size:17px;font-weight:500;letter-spacing:.1em}.photo-stamp svg{height:30px}.welcome{display:flex;gap:45px;align-items:center;justify-content:center;text-align:center;padding:65px 20px 75px;color:var(--muted);font-size:13px;line-height:2.4}.welcome strong{font-weight:400}.welcome svg{height:60px;width:35px;opacity:.55}.welcome svg:last-child{transform:scaleX(-1) rotate(15deg)}.section{max-width:1212px;margin:auto;padding:75px 30px}h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:30px;font-weight:500;letter-spacing:.07em;margin:0 0 20px;line-height:1.5}h3{font-size:18px;font-weight:500;line-height:1.7}.profile{background:#f0ecdf;max-width:1100px;border-radius:12px;display:grid;grid-template-columns:36% 1fr;gap:65px;padding:48px 65px;margin-bottom:30px}.profile-photo{position:relative;align-self:center;background:#fff;padding:12px 12px 45px;transform:rotate(-3deg);box-shadow:0 6px 20px #5b4b3310}.profile-photo img{height:310px;object-position:center 42%}.profile-photo>span{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-size:12px;color:#8b7b65}.profile-content h2{display:flex;align-items:center;gap:18px}.profile-content h2 svg{width:24px;height:24px;fill:#b9a787;transform:rotate(20deg)}.breed{font-size:12px;color:var(--muted);margin-top:-7px}.age{font-size:11px;background:#fffcf6;display:inline-block;padding:5px 14px;border-radius:30px;margin:8px 0}dl{display:grid;grid-template-columns:100px 1fr;font-size:12px;gap:9px;margin:18px 0}dt{color:var(--muted)}dd{margin:0}.text-button{font-size:12px;border-bottom:1px solid #b5a58c;padding:9px 0;min-height:44px}.text-button span{margin-left:25px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.section-head h2{margin:0}.outline{padding:10px 20px;border:1px solid #cabea9;border-radius:5px;font-size:12px;white-space:nowrap;min-height:44px}.filters{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips button{border-radius:30px;padding:8px 18px;font-size:12px;min-height:44px;background:#f0ece3}.chips button.active{background:#8a704b;color:white}.month-label{font-size:12px;white-space:nowrap}select{background:transparent;border:1px solid var(--line);padding:9px;border-radius:5px}.diary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.diary-card{display:block;text-align:left;padding:0;min-width:0}.diary-card>img,.diary-card>.placeholder{height:230px;border-radius:9px;margin-bottom:17px;transition:filter .2s}.diary-card:hover>img{filter:brightness(1.05)}.diary-card>img{object-position:center 28%}.diary-card .meta{font-size:10px;color:var(--muted);display:flex;gap:10px;align-items:center}.badge{border:1px solid #c8b998;border-radius:3px;padding:1px 7px;color:#8b6a37;font-size:10px}.diary-card h3{margin:10px 0 7px}.diary-card p{font-size:12px;color:var(--muted);margin:0}.card-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.placeholder{background:#eee8da;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9b896a;gap:12px}.placeholder svg{height:55px;width:45px;fill:#c4b69c}.small{font-size:11px;line-height:1.9}.muted{color:var(--muted)}.diary-grid+.small{margin-top:28px}.album-section{background:#f1ede4}.album-grid{display:grid;grid-template-columns:1.3fr 1fr .75fr;gap:24px}.album-photo{padding:0;text-align:left;background:#fbf9f4;border-radius:8px;overflow:hidden}.album-photo img{height:300px;object-position:center 30%}.album-photo.portrait img{object-position:center 40%}.album-photo>span{display:block;padding:16px 20px;font-size:13px}.album-photo small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.add-photo{border:1px dashed #c1b499;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.add-photo>span{font-size:35px;font-weight:200;color:var(--gold)}.add-photo b{font-size:13px;font-weight:400}.add-photo small{font-size:11px;color:var(--muted)}.wheat-large{height:65px;width:45px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:25px}.timeline article{border-top:1px solid #d6c7ab;position:relative;padding-top:30px}.dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#b99c67;top:-6px;left:0;border:3px solid var(--bg);outline:1px solid #b99c67}.timeline small{font-size:11px;color:var(--muted)}.timeline h3{font-size:16px;margin:10px 0 18px}.empty-photo{height:140px;background:#f1ede4;border-radius:6px;display:grid;place-items:center;color:#9b896a;font-size:12px}.timeline p{font-size:11px;color:var(--muted)}.closing{text-align:center;padding:55px 20px 65px;border-top:1px solid var(--line)}.closing svg{height:55px;margin-bottom:18px}.closing h2{font-size:26px}.closing p{font-size:12px;color:var(--muted)}.closing a{display:inline-block;margin-top:20px;font-size:11px}footer{background:#eee9df;display:flex;justify-content:space-between;align-items:center;padding:25px 55px;font-size:13px}footer small{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:14px;max-width:720px;width:calc(100% - 30px);padding:45px;background:var(--bg);color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#332c26a8;backdrop-filter:blur(4px)}.close{position:absolute;top:8px;right:12px;font-size:28px;width:44px;height:44px}.modal-image{max-height:60vh;object-fit:contain;border-radius:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}form label{display:flex;flex-direction:column;font-size:12px;gap:5px;margin-bottom:12px}input,textarea{border:1px solid #cec2ae;border-radius:5px;padding:10px;background:#fffdfa;width:100%;min-height:44px}textarea{min-height:120px}.full{grid-column:1/-1}.notice{background:#eee8db;padding:15px;font-size:12px;border-radius:5px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-grid img{height:300px;object-fit:contain;background:var(--soft)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 25px;border-radius:7px;z-index:10;display:none}.no-results{padding:50px 0;grid-column:1/-1;text-align:center;color:var(--muted)}@media(min-width:1400px){.hero{margin-top:30px}}@media(max-width:900px){header{padding:0 25px}nav{gap:18px}.hero{padding:0 30px;min-height:550px}.hero-photo{height:540px}.hero h1{font-size:36px}.hero .eyebrow{font-size:10px}.profile{margin:0 25px;gap:35px;padding:35px}.profile-photo img{height:260px}.diary-card>img,.diary-card>.placeholder{height:180px}.filters{gap:15px;align-items:flex-start;flex-direction:column}.album-grid{gap:15px}.album-photo img{height:240px}}@media(max-width:650px){header{height:80px;padding:0 20px;position:relative}.brand{font-size:16px}.brand small{font-size:9px}.brand svg{width:28px}.menu{display:block;font-size:22px;min-width:44px;min-height:44px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--bg);padding:20px;z-index:5;border-bottom:1px solid var(--line);flex-direction:column}nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:10px 22px 0;align-items:stretch}.hero-copy{padding:15px 0 30px}.hero h1{font-size:36px;margin:15px 0;line-height:1.6}.hero h1 br:nth-child(2){display:none}.hero .eyebrow{font-size:10px}.intro{font-size:12px;line-height:2.1;margin:18px 0 22px}.hero-note{margin-top:20px}.hero-photo{height:420px;margin:0 10px 0 0}.hero-photo>img{border-radius:120px 120px 8px 8px}.photo-stamp{width:105px;height:105px;right:-13px;bottom:45px;font-size:9px}.photo-stamp b{font-size:14px}.welcome{padding:45px 15px;gap:15px;font-size:11px}.welcome svg{width:22px}.section{padding:48px 22px}h2{font-size:25px}.profile{grid-template-columns:1fr;margin:0 18px;padding:30px 25px;gap:30px}.profile-photo{max-width:240px;margin:auto}.profile-photo img{height:250px}.profile-content h2{font-size:26px}.eyebrow{font-size:10px}.section-head{align-items:flex-start}.outline{padding:9px;font-size:10px}.section-head h2{font-size:23px}.chips{gap:7px}.chips button{font-size:11px;padding:8px 13px}.diary-grid{grid-template-columns:1fr;gap:30px}.diary-card>img,.diary-card>.placeholder{height:250px}.diary-card h3{font-size:18px}.diary-card p{font-size:13px}.album-grid{grid-template-columns:1fr 1fr;gap:12px}.album-photo img{height:215px}.album-photo>span{font-size:11px;padding:12px}.add-photo{grid-column:1/-1;min-height:120px;gap:5px}.add-photo>span{font-size:23px}.album-section .text-button{font-size:10px}.timeline{grid-template-columns:1fr 1fr;gap:25px 18px}.timeline h3{font-size:14px}.timeline p{font-size:10px}.empty-photo{height:110px}.closing p{font-size:11px}footer{padding:22px;flex-wrap:wrap;gap:12px}footer small{width:100%}dialog{padding:45px 22px 25px}.form-grid{grid-template-columns:1fr}.compare-grid img{height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.diary-card[data-id="mugi-handmade-bib-2026-09"]>img{object-fit:contain;background:#f1ece1}