:root{--bg:#fbf8f2;--paper:#fffdfa;--ink:#383a32;--muted:#727369;--gold:#98753e;--gold-dark:#76582c;--line:#e8e2d7;--pink:#f4e9e4;--serif:"Noto Serif CJK SC","Songti SC","STSong",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{background:none;border:0}img{max-width:100%;object-fit:cover;background:#e7e6da}h1,h2,h3,p{margin-top:0}::selection{background:#e9d7b7}main{outline:none;min-height:70vh}.header-inner,main,.site-footer{max-width:1160px;margin:auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:99px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font:600 22px/1.3 var(--serif);letter-spacing:2px;white-space:nowrap}.brand small{font:9px/1.8 var(--sans);display:block;letter-spacing:2.4px;color:var(--muted);margin-top:5px}.brand-mark{width:43px;height:43px;border:1px solid #bc9b66;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:28px;font-weight:400}.header-inner nav{display:flex;gap:42px;margin-left:auto;margin-right:65px}.header-inner nav a{position:relative;padding:12px 0;color:var(--muted)}.header-inner nav a[aria-current]{color:var(--gold-dark)}.header-inner nav a[aria-current]:after{content:"";position:absolute;bottom:2px;left:calc(50% - 9px);width:18px;height:2px;background:var(--gold)}.header-search{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.header-search>span:first-child,.search>span{font-size:25px;line-height:1}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:78px;align-items:center;padding:68px 32px 76px}.hello{font-size:12px;letter-spacing:2px;color:var(--gold);display:flex;gap:12px;align-items:center;margin-bottom:24px}.tiny-line{width:22px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:500;letter-spacing:3px}.hero h1{font-size:54px;line-height:1.55;margin-bottom:20px}.poem{color:var(--gold);position:relative;display:inline-block}.underline{position:absolute;width:100%;height:6px;background:#e9ddc6;border-radius:50%;bottom:10px;left:0;z-index:-1;transform:rotate(-5deg)}.title-period{color:var(--gold)}.hero-description{color:var(--muted);line-height:2.15;font-size:14px;max-width:395px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:28px}.button{background:var(--gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:12px 23px;border-radius:7px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:var(--gold-dark);transform:translateY(-2px)}.text-link{font-size:13px;color:var(--gold-dark)}.social-row{display:flex;flex-wrap:wrap;gap:19px;align-items:center;margin-top:30px;font-size:11px;color:var(--muted)}.social-row>span{color:#77766b;padding-right:6px;border-right:1px solid var(--line)}.social-row button{padding:0;font-size:11px}.social-row a:hover,.social-row button:hover{color:var(--gold-dark)}.hero-art{position:relative;padding:8px 15px 32px 0}.photo-frame{height:355px;width:100%;position:relative;transform:rotate(3deg);border:9px solid var(--paper);border-bottom-width:42px;box-shadow:0 12px 40px #5c513316;border-radius:3px}.photo-frame>img{width:100%;height:100%;object-position:center 60%;filter:saturate(.72)}.photo-caption{position:absolute;bottom:-34px;left:0;width:100%;text-align:center;font:12px/24px var(--serif);letter-spacing:3px;color:var(--muted)}.profile-note{position:absolute;left:-24px;bottom:24px;display:flex;align-items:center;gap:12px;background:#fffdf9f5;box-shadow:0 6px 26px #4f473615;padding:14px 17px;border-radius:10px;transform:rotate(-4deg);min-width:305px}.profile-note>img{border-radius:50%;width:46px;height:46px}.profile-note strong{font-size:14px;font-weight:500}.profile-note strong>span{font-size:9px;background:#eceee4;color:#637052;padding:4px 7px;border-radius:3px;margin-left:10px}.profile-note small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.note-flower{font-size:35px;color:#b49963;margin-left:7px}.art-caption{display:block;text-align:right;font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:25px;padding-right:12px}.game-card{display:flex;align-items:center;gap:24px;background:var(--pink);border:1px solid #ecddd5;border-radius:12px;padding:24px 33px;position:relative;overflow:hidden}.game-symbol{font:italic 600 42px/1 var(--sans);color:#ac7976;width:57px;height:57px;background:#ecd9d4;border-radius:12px;display:grid;place-items:center}.game-eyebrow{font-size:10px;color:#8a6860;letter-spacing:1px}.game-card h2{font-size:17px;font-weight:500;margin:1px 0 2px}.game-card p{font-size:11px;margin:0;color:#7c635b}.game-card strong{font-size:13px;font-weight:500}.divider{padding:0 10px;color:#b5a29b}.copy-button{margin-left:auto;border:1px solid #ccb3a9;border-radius:6px;background:#fffaf580;padding:10px 18px;font-size:12px;display:flex;gap:8px;align-items:center;white-space:nowrap;transition:background .2s}.copy-button:hover{background:#fffaf5}.game-note{font:16px var(--serif);color:#92756c;margin-left:14px;transform:rotate(-8deg)}.journal{padding-top:66px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-kicker{font-size:11px;color:var(--gold);letter-spacing:2px;margin-bottom:8px}.section-heading h2{font:500 29px/1.5 var(--serif);letter-spacing:2px;margin-bottom:10px}.small-flower{font:28px var(--sans);color:#b89a62;margin-left:16px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.article-count{color:var(--muted);font-size:11px}.sample-label{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:3px;white-space:nowrap;margin-left:5px}.journal-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0 19px;margin-bottom:28px}.categories{display:flex;gap:8px;flex-wrap:wrap}.categories button{font-size:12px;padding:8px 15px;border-radius:5px;color:var(--muted);transition:background .2s}.categories button[aria-pressed=true]{color:#fff;background:var(--gold)}.categories button:hover:not([aria-pressed=true]){background:#eee8dd}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fffdfa;border-radius:6px;padding:7px 10px;max-width:230px;color:var(--muted)}.search input{border:0;outline:none;background:transparent;width:155px;min-width:0;font-size:11px;color:var(--ink)}.search:focus-within{outline:2px solid var(--gold);outline-offset:2px}.search input:focus-visible{outline:none}.search button{font-size:15px;color:var(--gold)}.result-status:empty{display:none}.result-status{font-size:12px;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 25px}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:transform .25s,box-shadow .25s;min-width:0}.post-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #65583b0c}.card-link{display:block;height:100%}.cover{height:214px;position:relative;overflow:hidden;background:#e7e6da}.cover img{width:100%;height:100%;display:block;transition:transform .45s;filter:saturate(.72)}.post-card:hover .cover img{transform:scale(1.035)}.cover-arrow{position:absolute;right:15px;bottom:15px;width:30px;height:30px;background:#fffdfad9;border-radius:50%;text-align:center;line-height:30px;opacity:0;transition:opacity .2s}.post-card:hover .cover-arrow{opacity:1}.card-content{padding:21px 22px 17px}.post-meta{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-bottom:13px}.post-meta>span{color:var(--gold-dark);background:#f4eee3;padding:2px 7px;border-radius:3px}.post-card h3{font:500 20px/1.6 var(--serif);letter-spacing:.5px;margin-bottom:10px}.card-content>p{font-size:12px;color:var(--muted);line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px;margin-bottom:20px}.card-bottom{border-top:1px solid #efebe4;padding-top:12px;display:flex;justify-content:space-between;gap:7px;color:var(--muted);font-size:9px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{color:#77776a}.closing-note{text-align:center;padding:63px 20px 55px}.closing-note>span:first-child{font-size:28px;color:#b59860}.closing-note p{font:17px/2 var(--serif);letter-spacing:2px;color:#717262;margin:16px 0}.signature{font:italic 20px var(--serif);color:var(--gold)}.site-footer{border-top:1px solid var(--line);padding:28px 0 22px}.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:22px}.footer-top .brand{font-size:17px}.footer-top p{font-size:11px;color:var(--muted);margin:0}.footer-top>a:last-child{margin-left:auto;color:var(--gold-dark);font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-bottom a:hover{text-decoration:underline}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#45483e;color:#fff;padding:13px 22px;border-radius:8px;box-shadow:0 6px 30px #0002;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:calc(100vw - 32px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.empty-state{grid-column:1/-1;text-align:center;padding:50px 15px;background:#f4f0e8;border-radius:10px}.empty-state>span{font-size:35px;color:var(--gold)}.empty-state h3{font:24px var(--serif);margin:10px}.empty-state p{color:var(--muted)}.about-hero{display:grid;grid-template-columns:310px 1fr;gap:90px;align-items:center;max-width:880px;margin:70px auto}.about-portrait{position:relative}.about-portrait img{width:290px;height:320px;border:10px solid #fffdfa;border-bottom-width:40px;box-shadow:0 5px 25px #63553912;transform:rotate(-4deg)}.about-portrait>span{position:absolute;bottom:15px;left:65px;transform:rotate(-4deg);font:15px var(--serif);color:var(--muted)}.about-hero h1{font-size:35px;margin:17px 0}.about-lead{font:23px/1.9 var(--serif)}.about-hero p:not(.about-lead){color:var(--muted);max-width:420px}.about-body{max-width:730px;margin:0 auto 80px}.about-body h2{font:25px var(--serif);margin:40px 0 20px}.about-body>p{font-size:15px;line-height:2.2;color:#606457}.about-topics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.about-topics a{display:flex;gap:20px;background:#f1ecdf;border-radius:7px;padding:17px;color:var(--gold-dark)}.about-topics a span:first-child{opacity:.6}.about-topics a span:last-child{margin-left:auto}.about-body .game-card{padding:20px;gap:16px}.about-body .game-note{display:none}.about-body .game-card h2{font:16px var(--sans);margin:6px 0}.reading{padding-top:35px;max-width:1000px;margin:auto}.back-link{font-size:12px;color:var(--muted)}.reading-header{max-width:740px;margin:45px auto 35px;text-align:center}.reading-category{color:var(--gold-dark);font-size:12px;letter-spacing:2px}.reading-header h1{font-size:39px;margin:20px 0;line-height:1.6}.reading-header>p{max-width:650px;margin:0 auto 25px;color:var(--muted);line-height:2}.reading-meta{display:flex;align-items:center;justify-content:center;gap:17px;font-size:11px;color:var(--muted);flex-wrap:wrap}.reading-meta img{border-radius:50%}.reading-cover{width:100%;height:380px;border-radius:12px;display:block;filter:saturate(.8)}.reading-layout{display:grid;grid-template-columns:minmax(0,720px) 180px;gap:65px;margin:45px 0 60px}.prose{font-size:16px;line-height:2.25;color:#4f5449}.prose blockquote{margin:0 0 40px;padding:20px 25px;background:#f2ece1;border-left:3px solid #b79760;color:#8c7040;font-family:var(--serif);font-size:19px}.prose h2{font:500 26px/1.5 var(--serif);margin:36px 0 20px;color:var(--ink)}.prose p{margin-bottom:22px}.toc{position:sticky;top:35px;align-self:start;font-size:12px;border-left:1px solid var(--line);padding-left:20px}.toc>span{display:block;color:var(--gold);font-size:11px;margin-bottom:13px}.toc a{display:block;padding:7px 0;color:var(--muted)}.toc a:hover{color:var(--gold-dark)}.reading-end{border-top:1px solid var(--line);margin-top:45px;padding-top:25px;font-size:12px;color:var(--muted)}.reading-end .tags{margin:15px 0}.related{max-width:1000px;margin:0 auto 70px}.related h2{font:25px var(--serif);margin-bottom:25px}.related .post-grid{grid-template-columns:1fr 1fr}.related .cover{height:250px}.not-found{text-align:center;padding:100px 20px}.not-found>span{font:80px var(--serif);color:var(--gold)}.not-found h1{font-size:30px}.not-found p{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;padding:32px;max-width:min(480px,calc(100vw - 32px));background:var(--bg);color:var(--ink)}dialog::backdrop{background:#24251f66}dialog h2{font:24px var(--serif)}dialog p{font-size:13px;color:var(--muted)}dialog input{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin:5px 0 22px;background:#fff}.dialog-close{position:absolute;right:10px;top:8px;font-size:25px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;padding:10px}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:90px}.hero h1{font-size:60px}.photo-frame{height:380px}}@media(max-width:1250px){.header-inner,main,.site-footer{margin-left:40px;margin-right:40px}.hero{padding-left:10px;padding-right:10px;gap:55px}.hero h1{font-size:48px}.card-content{padding:18px}.cover{height:190px}}@media(max-width:950px){.hero{gap:40px;padding-top:50px}.hero h1{font-size:40px}.photo-frame{height:310px}.profile-note{min-width:270px;left:-15px;padding:10px}.profile-note strong>span{font-size:8px}.note-flower{display:none}.hero-description{font-size:12px}.header-inner nav{margin-right:15px;gap:25px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-note{display:none}.journal-tools{align-items:flex-start;flex-direction:column}.search{max-width:100%;width:100%}.search input{width:100%}.categories{gap:5px}.about-hero{gap:35px;grid-template-columns:250px 1fr}.about-portrait img{width:240px;height:280px}.about-hero h1{font-size:29px}.reading-layout{grid-template-columns:1fr;gap:0}.toc{display:none}}@media(max-width:640px){.header-inner,main,.site-footer{margin-left:22px;margin-right:22px}.header-inner{height:79px;gap:15px}.brand{font-size:18px;gap:8px;letter-spacing:1px}.brand-mark{width:33px;height:33px;font-size:22px}.brand small{font-size:6px;letter-spacing:1.5px}.header-inner nav{gap:18px;margin:0 0 0 auto;font-size:12px}.header-inner nav a[data-nav=journal]{display:none}.search-label{display:none}.header-search{padding:2px}.hero{grid-template-columns:1fr;padding:37px 3px 36px;gap:30px}.hero h1{font-size:43px;line-height:1.4;margin-bottom:17px}.hello{font-size:10px;margin-bottom:17px}.hero-description{font-size:13px;max-width:340px}.hero-actions{margin-top:21px}.social-row{margin-top:23px;gap:15px}.hero-art{max-width:380px;width:calc(100% - 20px);justify-self:center;padding:10px 12px 28px;margin-top:8px}.photo-frame{height:280px}.profile-note{bottom:22px;left:-6px;min-width:270px}.art-caption{font-size:6px;letter-spacing:1px}.game-card{padding:21px 17px;gap:13px;flex-wrap:wrap}.game-symbol{width:45px;height:45px;font-size:32px}.game-card h2{font-size:15px}.game-text{flex:1}.game-eyebrow{font-size:9px}.copy-button{margin:5px 0 0 58px;padding:8px 14px}.journal{padding-top:42px}.section-heading h2{font-size:24px;letter-spacing:1px}.section-kicker{font-size:10px}.article-count{display:none}.section-heading p{font-size:10px}.small-flower{margin-left:8px;font-size:23px}.categories{gap:1px;flex-wrap:nowrap;width:100%;justify-content:space-between}.categories button{font-size:11px;padding:8px 9px;white-space:nowrap}.journal-tools{gap:16px;padding-top:21px;margin-bottom:22px}.post-grid{grid-template-columns:1fr;gap:23px}.cover{height:220px}.card-content{padding:20px}.post-card h3{font-size:22px}.card-content>p{font-size:13px}.card-bottom{font-size:10px}.closing-note{padding:44px 0}.closing-note p{font-size:15px;letter-spacing:1px}.footer-top{gap:12px;flex-wrap:wrap}.footer-top p{font-size:10px;order:3;width:100%}.footer-bottom{flex-direction:column;gap:9px}.about-hero{grid-template-columns:1fr;gap:30px;margin:35px auto}.about-portrait{max-width:240px;margin:auto}.about-hero h1{font-size:30px}.about-lead{font-size:22px}.about-body>p{font-size:14px}.about-body h2{font-size:23px}.about-topics{grid-template-columns:1fr}.about-body .game-card{padding:15px}.about-body .copy-button{margin-left:61px}.reading-header{margin:28px auto}.reading-header h1{font-size:29px;letter-spacing:1px}.reading-header>p{font-size:13px}.reading-meta{gap:10px;font-size:10px}.reading-cover{height:240px}.reading-layout{margin-top:28px}.prose{font-size:15px;line-height:2.15}.prose blockquote{font-size:17px;padding:15px 20px}.prose h2{font-size:24px}.related .post-grid{grid-template-columns:1fr}.related .cover{height:210px}.not-found h1{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the filing link readable on every page and viewport. */
.site-footer #icp { font-size: 14px; font-weight: 600; color: var(--gold-dark); text-decoration: underline; text-underline-offset: 4px; }

/* A little fish and a layered, gently moving scrapbook. */
.brand-mark {
  width: 66px;
  height: 48px;
  border: 0;
  border-radius: 0;
  flex-shrink: 0;
}
.brand-mark img {
  display: block;
  width: 72px;
  height: 48px;
  object-fit: contain;
  background: transparent;
  transition: transform .35s ease;
}
.brand:hover .brand-mark img { transform: translateY(-3px) rotate(-7deg); }
.hero-art {
  height: 470px;
  padding: 35px 10px 70px 25px;
  isolation: isolate;
}
.scrapbook-paper {
  position: absolute;
  inset: 38px 26px 85px 26px;
  z-index: -1;
  background: repeating-linear-gradient(0deg, transparent 0 23px, #b4b49a24 23px 24px), #eeeedf;
  border: 1px solid #e4e3ce;
  border-radius: 5px;
  transform: rotate(-7deg);
  box-shadow: 0 9px 20px #66654a0a;
}
.hero-art .photo-frame {
  width: 94%;
  height: 335px;
  margin: 0;
  transform: rotate(3deg);
  border-width: 10px 10px 48px;
  box-shadow: 0 16px 32px #5c513319, 0 2px 4px #5c51330c;
  transition: transform .6s ease, box-shadow .6s ease;
}
.hero-art:hover .photo-frame {
  transform: translateY(-4px) rotate(1deg);
  box-shadow: 0 22px 40px #5c513320;
}
.hero-art .photo-caption {
  bottom: -39px;
  font-size: 12px;
  letter-spacing: 2px;
}
.photo-tape {
  position: absolute;
  z-index: 2;
  width: 95px;
  height: 30px;
  top: -23px;
  left: 43%;
  transform: rotate(-8deg);
  background: repeating-linear-gradient(90deg, #d6ba8770 0 3px, #e6d4af90 3px 6px);
  border: 1px solid #d0b98d55;
  clip-path: polygon(2% 0, 98% 2%, 96% 14%, 100% 26%, 97% 40%, 100% 57%, 97% 74%, 100% 100%, 0 96%, 3% 80%, 0 65%, 3% 48%, 0 30%, 3% 17%);
}
.scrapbook-stamp {
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 3;
  padding: 8px 12px;
  border: 1px solid #ac8b6666;
  outline: 1px solid #ac8b6640;
  outline-offset: 3px;
  border-radius: 50%;
  font: 12px/1.5 var(--serif);
  color: #957751;
  text-align: center;
  transform: rotate(12deg);
  background: #fbf8f2e6;
}
.scrapbook-stamp small { font: 6px var(--sans); letter-spacing: 1.1px; }
.fish-sticker {
  position: absolute;
  top: 4px;
  left: -35px;
  z-index: 4;
  width: 132px;
  transform: rotate(-13deg);
  animation: fish-drift 7s ease-in-out infinite;
  pointer-events: none;
}
.fish-sticker img {
  width: 132px;
  height: 88px;
  object-fit: contain;
  background: transparent;
  filter: drop-shadow(0 3px 0 #fffcf5) drop-shadow(2px 0 0 #fffcf5) drop-shadow(-2px 0 0 #fffcf5) drop-shadow(0 4px 5px #78603520);
}
.fish-sticker span {
  display: block;
  text-align: center;
  font: 11px var(--serif);
  color: var(--gold-dark);
  letter-spacing: 1px;
  margin-top: -3px;
}
.sea-memory {
  position: absolute;
  right: -19px;
  bottom: 110px;
  width: 143px;
  padding: 7px 7px 24px;
  background: #fffdf7;
  border-radius: 3px;
  transform: rotate(-10deg);
  box-shadow: 0 7px 20px #5c513322;
  z-index: 3;
  transition: transform .4s ease;
}
.sea-memory:hover { transform: translateY(-7px) rotate(-5deg); }
.sea-memory img { display: block; width: 100%; height: 95px; filter: saturate(.65); }
.sea-memory span {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
  font: 10px/1.5 var(--serif);
  color: #747b6c;
}
.hero-art .profile-note {
  bottom: 16px;
  left: 0;
  z-index: 4;
  min-width: 315px;
  transform: rotate(-3deg);
  background: #fffdf9;
  border: 1px solid #eee8dd;
  box-shadow: 0 10px 30px #5c513314;
  animation: note-drift 9s ease-in-out infinite;
}
.hero-art .art-caption {
  position: absolute;
  right: 3px;
  bottom: -15px;
  font: 11px var(--serif);
  letter-spacing: 2px;
  color: #92907d;
  margin: 0;
}
.pond-bubble {
  position: absolute;
  z-index: -1;
  border: 1px solid #c2b17d66;
  border-radius: 50%;
  background: #eae3c21a;
  pointer-events: none;
}
.bubble-one { width: 19px; height: 19px; top: -18px; left: 35px; }
.bubble-two { width: 9px; height: 9px; top: -34px; left: 57px; }
@keyframes fish-drift {
  0%, 100% { transform: translateY(0) rotate(-13deg); }
  50% { transform: translateY(-7px) rotate(-8deg); }
}
@keyframes note-drift {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-4px) rotate(-1deg); }
}
@media (max-width: 950px) and (min-width: 641px) {
  .hero-art { height: 430px; padding-left: 10px; }
  .hero-art .photo-frame { height: 300px; }
  .fish-sticker { left: -20px; width: 105px; }
  .fish-sticker img { width: 105px; height: 70px; }
  .hero-art .profile-note { min-width: 265px; left: -8px; }
  .sea-memory { width: 115px; right: -12px; bottom: 100px; }
  .sea-memory img { height: 77px; }
}
@media (max-width: 640px) {
  .brand-mark { width: 44px; height: 34px; }
  .brand-mark img { width: 48px; height: 34px; }
  .hero-art { height: 410px; width: calc(100% - 12px); padding: 35px 0 65px 12px; margin-top: 23px; }
  .hero-art .photo-frame { width: 96%; height: 282px; border-width: 8px 8px 43px; }
  .hero-art .photo-caption { font-size: 11px; bottom: -35px; letter-spacing: 1px; }
  .scrapbook-paper { inset: 43px 5px 90px 20px; }
  .fish-sticker { width: 105px; left: -9px; top: 2px; }
  .fish-sticker img { width: 105px; height: 70px; }
  .fish-sticker span { font-size: 9px; }
  .scrapbook-stamp { right: 0; top: -3px; font-size: 10px; padding: 6px 9px; }
  .sea-memory { width: 110px; right: -8px; bottom: 112px; }
  .sea-memory img { height: 72px; }
  .sea-memory span { font-size: 9px; }
  .hero-art .profile-note { min-width: 0; width: max-content; max-width: 100%; left: 0; bottom: 10px; padding: 12px; gap: 10px; }
  .hero-art .profile-note strong > span { margin-left: 6px; }
  .hero-art .art-caption { bottom: -13px; font-size: 9px; }
  .bubble-one { left: 58px; top: -17px; width: 12px; height: 12px; }
  .bubble-two { left: 75px; top: -28px; width: 7px; height: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .fish-sticker, .hero-art .profile-note { animation: none; }
  .hero-art:hover .photo-frame, .sea-memory:hover, .brand:hover .brand-mark img { transform: none; }
}

/* Both filing records remain visible in the shared footer. */
.footer-bottom { flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.filing-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
#public-security-record {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--gold-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
}
#public-security-record img { width: 20px; height: 22px; flex-shrink: 0; object-fit: contain; background: transparent; }
@media (max-width: 640px) {
  .footer-bottom { align-items: flex-start; }
  .filing-links { align-items: flex-start; flex-direction: column; gap: 10px; }
}