:root{
  color-scheme:light;--paper:oklch(97% .013 85);--ink:oklch(34% .037 223);--muted:oklch(48% .028 220);--line:oklch(34% .037 223 / .19);--peach:oklch(87% .048 56);--panel:oklch(94% .024 85);--sage:oklch(90% .025 163);--rose:oklch(91% .04 32);--footer:oklch(43% .039 220);--focus:#a94e47;--white:#fff;--font-body:"Zen Maru Gothic",sans-serif;--font-display:"Mochiy Pop One","Zen Maru Gothic",sans-serif;
  --text-xs:clamp(.75rem,.72rem + .12vw,.875rem);--text-sm:clamp(.875rem,.84rem + .12vw,1rem);--text-base:clamp(1rem,.95rem + .22vw,1.125rem);--text-lg:clamp(1.25rem,1rem + .65vw,1.75rem);--text-xl:clamp(1.75rem,1.2rem + 1.7vw,3rem);--text-hero:clamp(2.5rem,.65rem + 4.2vw,4.5rem);
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --radius-sm:8px;--radius-lg:24px;--radius-full:999px;--ease:cubic-bezier(.16,1,.3,1)
}
[data-theme=dark]{color-scheme:dark;--paper:oklch(25% .026 220);--ink:oklch(93% .025 84);--muted:oklch(77% .022 85);--line:oklch(93% .025 84 / .24);--peach:oklch(63% .038 66);--panel:oklch(29% .028 220);--sage:oklch(43% .027 168);--rose:oklch(57% .047 34);--footer:oklch(21% .027 222);--focus:#ffc9b9}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;line-height:1.9;transition:background .25s,color .25s}
.container{width:min(1184px,calc(100% - 112px));margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:var(--space-8)}
.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:900;font-size:var(--text-lg);letter-spacing:.07em;white-space:nowrap}.brand-mark{flex-shrink:0}
.site-header nav{display:flex;gap:var(--space-10);margin-left:auto;font-size:var(--text-sm);font-weight:700}.site-header nav a{display:flex;align-items:center;min-height:44px;position:relative}.site-header nav a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ink);transition:width .25s}.site-header nav a:hover::after{width:100%}
.theme-toggle{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:transparent}.theme-symbol{display:block;width:17px;height:17px;border:1.7px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.theme-toggle:hover{background:var(--panel)}
.hero{position:relative;display:grid;grid-template-columns:1.06fr 1fr;column-gap:var(--space-8);padding-top:var(--space-24);padding-bottom:var(--space-6)}.hero-copy{padding-top:var(--space-4);position:relative;z-index:1}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;line-height:1.6;display:flex;align-items:center;gap:var(--space-2)}.tiny-dot{width:7px;height:7px;background:currentColor;border-radius:50%}.hello{margin-top:var(--space-10);font-size:var(--text-lg);letter-spacing:.14em;font-weight:700}.hero h1{font-size:var(--text-hero);font-family:var(--font-display);font-weight:400;letter-spacing:.025em;line-height:1.65;margin-top:var(--space-1);white-space:nowrap}.title-end{display:block;font-family:var(--font-body);font-size:var(--text-xl);letter-spacing:.14em;line-height:1.4;margin-top:var(--space-1);font-weight:700}.hero-description{margin-top:var(--space-8);line-height:2.1;letter-spacing:.06em}
.pill-link{display:inline-flex;align-items:center;gap:var(--space-12);border:1.5px solid var(--ink);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-weight:700;font-size:var(--text-sm);margin-top:var(--space-8);transition:background .25s,color .25s}.pill-link:hover{background:var(--ink);color:var(--paper)}.pill-link span{font-size:var(--text-lg)}.pill-link:active,.theme-toggle:active,.back-top:active{transform:scale(.97)}
.hero-art{position:relative;align-self:center;padding-top:var(--space-4);width:100%;max-width:510px;justify-self:end}.portrait{background:var(--peach);border-radius:48% 48% 3px 3px;aspect-ratio:1/1.04;overflow:hidden;position:relative}.bear-button{position:absolute;bottom:0;left:0;width:100%;padding:0;background:none;transform-origin:bottom center;line-height:0}.bear-button img{width:100%;height:auto;transform-origin:bottom center}.bear-button:hover img{transform:rotate(-2deg);transition:transform .5s var(--ease)}.bear-button:focus-visible{outline-offset:-8px}.bear-button.is-greeting img{animation:greet .65s var(--ease)}@keyframes greet{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg) translateY(-8px)}60%{transform:rotate(4deg)}}
.art-caption{position:absolute;top:var(--space-1);right:var(--space-1);z-index:1;transform:rotate(9deg);font-size:var(--text-xs);font-weight:900;letter-spacing:.12em;line-height:1.45}.greeting{position:absolute;left:0;top:22%;z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:50%;min-width:88px;min-height:64px;display:grid;place-items:center;padding:var(--space-3) var(--space-5);transform:translateX(-20%) rotate(-9deg);font-weight:700;font-size:var(--text-lg)}.tap-hint{text-align:right;font-size:var(--text-xs);letter-spacing:.06em;margin-top:var(--space-3);color:var(--muted)}.tap-hint span{margin-right:var(--space-2)}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-20);font-size:var(--text-xs);letter-spacing:.12em;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:var(--space-6);min-height:44px}.hero-bottom a span{font-size:var(--text-lg)}
.about-section{background:var(--panel);padding-block:var(--space-24);margin-top:var(--space-12)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);align-items:center}.about-image{padding:var(--space-8) var(--space-8) var(--space-8) var(--space-4);position:relative}.photo-paper{background:var(--white);padding:var(--space-5) var(--space-5) var(--space-6);transform:rotate(-5deg);box-shadow:0 8px 28px oklch(25% .02 75 / .07)}.photo-paper img{width:100%;object-fit:contain}.photo-paper>span{display:block;text-align:center;font-size:var(--text-sm);letter-spacing:.12em;margin-top:var(--space-4);color:#304851}.photo-paper::before{content:"";position:absolute;top:-12px;left:40%;width:88px;height:28px;background:oklch(85% .036 90 / .72);transform:rotate(9deg)}.paper-label{position:absolute;bottom:-8px;right:var(--space-2);font-size:var(--text-xs);writing-mode:vertical-rl;letter-spacing:.16em}.about-copy{padding-left:var(--space-6)}h2{font-size:var(--text-xl);font-weight:700;line-height:1.65;letter-spacing:.07em}.about-copy h2{margin-top:var(--space-5);margin-bottom:var(--space-8)}.about-copy>p:not(.eyebrow){line-height:2.2;letter-spacing:.06em;margin-top:var(--space-5)}.text-link{display:inline-flex;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--ink);font-weight:700;font-size:var(--text-sm);min-height:44px;margin-top:var(--space-8)}.text-link:hover{opacity:.7}
.gallery-section{padding-block:var(--space-24) var(--space-32)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:var(--space-12)}.section-heading h2{margin-top:var(--space-4)}.gallery-note{font-size:var(--text-sm);color:var(--muted);letter-spacing:.05em}.gallery-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:var(--space-6)}.gallery-card{display:flex;flex-direction:column;padding:0;background:none;text-align:left;min-width:0}.gallery-main{grid-row:span 2}.gallery-art{display:block;width:100%;overflow:hidden;position:relative;background:var(--sage);border-radius:var(--radius-sm)}.gallery-main .gallery-art{flex:1;min-height:510px;display:flex;align-items:end}.gallery-main img{width:100%;height:auto;object-fit:contain}.gallery-detail .gallery-art{background:var(--peach);height:200px}.gallery-cheeks .gallery-art{background:var(--rose);height:200px}.gallery-detail img,.gallery-cheeks img{height:100%;width:100%;object-fit:cover}.gallery-card img{transition:transform .65s var(--ease)}.gallery-card:hover img{transform:scale(1.035)}.gallery-card:active img{transform:scale(1.01)}.gallery-caption{display:flex;align-items:center;justify-content:space-between;width:100%;padding-block:var(--space-4);font-size:var(--text-base);font-weight:700;letter-spacing:.04em}.gallery-caption small{display:block;font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;margin-bottom:var(--space-1);color:var(--muted)}.expand-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:var(--text-lg);flex-shrink:0}
.farewell{background:var(--footer);color:#f8f5ec;overflow:hidden}.farewell-inner{display:grid;grid-template-columns:240px 1fr 64px;gap:var(--space-12);align-items:center;min-height:300px}.peek-bear{height:300px;position:relative;align-self:end}.peek-bear img{position:absolute;top:56px;left:0;width:260px;max-width:none;transform:rotate(-8deg)}.farewell h2{font-size:var(--text-xl);margin-top:var(--space-3)}.farewell p:last-child{font-size:var(--text-sm);margin-top:var(--space-3);letter-spacing:.05em}.back-top{display:grid;place-items:center;width:64px;height:64px;border:1px solid #f8f5ec80;border-radius:50%;font-size:var(--text-lg);transition:background .25s}.back-top:hover{background:#f8f5ec20}.site-footer{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-8);font-size:var(--text-xs);letter-spacing:.04em}.footer-name{font-weight:900;letter-spacing:.15em}.site-footer small{margin-left:auto;font-size:inherit;color:var(--muted)}
dialog{padding:var(--space-6);width:min(520px,calc(100% - 40px));border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--radius-lg);max-height:90dvh;overflow:auto;box-shadow:0 16px 72px #182c3b33}dialog::backdrop{background:#14282ec9;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.dialog-header h2{font-size:var(--text-lg)}.dialog-close{width:44px;height:44px;border-radius:50%;background:var(--panel);font-size:var(--text-xl);line-height:1;flex-shrink:0}dialog>img{width:100%;height:auto;max-height:60dvh;object-fit:contain;background:var(--peach);border-radius:var(--radius-sm)}dialog>p{font-size:var(--text-sm);margin-top:var(--space-4);color:var(--muted)}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:var(--space-32)}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{padding-top:var(--space-16);column-gap:var(--space-6)}.hero h1{font-size:clamp(2.5rem,5.1vw,3.5rem)}.greeting{left:10px}.about-layout{gap:var(--space-10)}.about-copy{padding-left:0}.gallery-main .gallery-art{min-height:460px}.gallery-detail .gallery-art,.gallery-cheeks .gallery-art{height:180px}.farewell-inner{grid-template-columns:200px 1fr 56px;gap:var(--space-6)}.peek-bear img{width:230px}.back-top{width:56px;height:56px}.farewell h2{font-size:var(--text-lg)}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.site-header{height:84px;gap:var(--space-3)}.brand{font-size:var(--text-base);gap:var(--space-2)}.brand-mark{width:25px;height:30px}.site-header nav{gap:var(--space-4);font-size:var(--text-xs)}.site-header nav a:first-child{display:none}.theme-toggle{width:40px;height:44px;border-color:transparent}.hero{grid-template-columns:1fr;padding-top:var(--space-10);gap:0}.hero-copy{padding-top:0}.hero .eyebrow{font-size:var(--text-xs);letter-spacing:.11em}.hello{margin-top:var(--space-6);font-size:var(--text-base)}.hero h1{font-size:clamp(2.4rem,9.4vw,4rem);letter-spacing:.04em;line-height:1.65}.title-end{display:inline;font-size:var(--text-lg);margin-left:var(--space-2);letter-spacing:0}.hero-description{margin-top:var(--space-4);font-size:var(--text-sm);line-height:2}.pill-link{margin-top:var(--space-5);gap:var(--space-8);padding:var(--space-2) var(--space-5);min-height:48px}.hero-art{width:82%;max-width:380px;margin-top:var(--space-8);margin-right:var(--space-2)}.portrait{aspect-ratio:1/1}.art-caption{right:0;top:4px}.greeting{top:25%;left:-8px;min-width:76px;min-height:56px;font-size:var(--text-base)}.hero-bottom{margin-top:var(--space-8);font-size:var(--text-xs);letter-spacing:0}.hero-bottom a{gap:var(--space-3)}.about-section{margin-top:var(--space-6);padding-block:var(--space-16)}.about-layout{grid-template-columns:1fr;gap:var(--space-12)}.about-image{max-width:340px;justify-self:center;padding-inline:var(--space-4) var(--space-6)}.photo-paper{padding:var(--space-4)}.about-copy{padding-inline:var(--space-3)}.about-copy h2{margin-top:var(--space-4);margin-bottom:var(--space-5)}h2{font-size:var(--text-xl)}.gallery-section{padding-block:var(--space-16) var(--space-20)}.section-heading{display:block;margin-bottom:var(--space-8)}.gallery-note{margin-top:var(--space-4)}.mobile-only{display:block}.gallery-grid{grid-template-columns:1fr;gap:var(--space-6)}.gallery-main{grid-row:auto}.gallery-main .gallery-art{min-height:0;aspect-ratio:1/1}.gallery-main img{width:100%}.gallery-detail .gallery-art,.gallery-cheeks .gallery-art{height:200px}.gallery-caption{padding-block:var(--space-3)}.farewell-inner{grid-template-columns:1fr 48px;gap:var(--space-4);position:relative;min-height:340px;padding-top:var(--space-10);align-items:start}.farewell-inner>div:nth-child(2){grid-column:1;grid-row:1;position:relative;z-index:1}.farewell h2{font-size:var(--text-lg)}.peek-bear{position:absolute;width:150px;height:140px;right:var(--space-6);bottom:0}.peek-bear img{width:180px;top:10px;transform:rotate(-9deg)}.back-top{width:48px;height:48px;grid-column:2;grid-row:1}.site-footer{flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-block:var(--space-6)}.site-footer small{flex-basis:100%;margin:0}.dialog-header h2{font-size:var(--text-base)}}