:root{color-scheme:dark;--bg:#101312;--panel:#171c19;--ink:#f1f1e9;--muted:#9ca69e;--line:#303a33;--lime:#c9f27b;--mint:#8be0c0;font-family:Inter,"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#233126 0,transparent 38%),var(--bg);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.mark{color:var(--lime);font-weight:700}.availability{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime);animation:pulse 2s infinite}.hero{min-height:660px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;padding:72px 0 82px}.eyebrow{color:var(--lime);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.hero h1{font-size:clamp(54px,9vw,112px);line-height:.91;letter-spacing:-.075em;margin:26px 0 24px;font-weight:650}.hero h1 span{color:var(--lime)}.role{font-size:17px;color:#d7ddd5;margin:0 0 12px}.intro{max-width:480px;color:var(--muted);line-height:1.9;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 19px;border-radius:999px;border:1px solid var(--line);font-size:13px;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-3px);border-color:var(--lime)}.button.primary{background:var(--lime);border-color:var(--lime);color:#152015;font-weight:700}.art{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:340px;height:340px;border:1px solid #b9e88636;border-radius:50%;animation:spin 24s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #b9e88624;border-radius:50%;inset:24px}.orbit:after{inset:50px}.orbit i{position:absolute;top:22px;left:51%;width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 20px var(--lime)}.orb{width:205px;height:205px;border-radius:48% 52% 58% 42%;background:radial-gradient(circle at 32% 28%,#e5ffc2 0,#a5d76b 13%,#47684a 37%,#19251c 70%);box-shadow:inset -18px -20px 35px #09100c,0 0 80px #9bde6b22;animation:float 6s ease-in-out infinite}.tag{position:absolute;padding:10px 14px;background:#1b211d;border:1px solid var(--line);border-radius:10px;color:#cbd4ca;font-size:11px;letter-spacing:.08em;backdrop-filter:blur(12px)}.tag.one{top:52px;right:6%}.tag.two{bottom:62px;left:4%}.section{padding:66px 0;border-top:1px solid #ffffff12}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section h2{margin:8px 0 0;font-size:clamp(28px,4vw,42px);letter-spacing:-.05em}.section-head p{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:linear-gradient(140deg,#1a211c,#151917);border:1px solid var(--line);border-radius:16px;padding:24px;min-height:170px;transition:transform .25s,border-color .25s}.card:hover{transform:translateY(-5px);border-color:#829b6b}.card .num{font-size:11px;color:var(--lime);letter-spacing:.14em}.card h3{font-size:17px;margin:24px 0 8px}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#171d19}.contact p{color:var(--muted);font-size:13px}.links{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--line);border-radius:999px;padding:11px 15px;font-size:12px;color:#dce3da;transition:border-color .2s}.chip:hover{border-color:var(--lime)}footer{padding:28px 0 40px;color:#737d75;font-size:11px;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(-7px) rotate(-6deg)}50%{transform:translateY(8px) rotate(5deg)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px var(--lime)}}@media(max-width:760px){.wrap{width:min(100% - 32px,560px)}.nav{height:64px}.hero{min-height:unset;grid-template-columns:1fr;gap:0;padding:72px 0 54px}.hero h1{font-size:clamp(58px,16vw,88px)}.art{height:300px;grid-row:1;margin-bottom:18px}.orbit{width:250px;height:250px}.orb{width:155px;height:155px}.tag.one{top:20px;right:1%}.tag.two{bottom:24px;left:0}.grid{grid-template-columns:1fr}.card{min-height:unset}.card h3{margin-top:16px}.contact{align-items:flex-start;flex-direction:column}.section{padding:50px 0}.section-head p{max-width:130px;text-align:right}footer{gap:20px}.hide-mobile{display:none}}
    :root{color-scheme:light;--bg:#f4f3eb;--panel:#fffdf6;--ink:#28342b;--muted:#718075;--line:#dce2d6;--lime:#779b69;--mint:#a8c7a2}
    body{background:linear-gradient(to bottom, #fff7f6a8 0%, #f4dcdebf 100%),url("../assets/images/background.png") center center / cover fixed no-repeat,var(--bg)}
    .nav{border-color:#28342b18}.hero h1 span{color:#779b69}.button.primary{background:#779b69;border-color:#779b69;color:#fffdf6}.button{background:#ffffff65}.tag{background:#fffdf0d9;color:#596b5a;border-color:#dce2d6}.orb{background:radial-gradient(circle at 32% 28%,#f8f0d9 0,#d5dcae 18%,#9cba88 40%,#5c8063 72%);box-shadow:inset -18px -20px 35px #294b3322,0 0 80px #79996c30}.orbit{border-color:#78936742}.orbit:before,.orbit:after{border-color:#7893672e}.orbit i{background:#779b69;box-shadow:0 0 18px #779b69}.dot{background:#779b69;box-shadow:0 0 16px #779b69}.card{background:linear-gradient(140deg,#fffdf8ed,#fffdf2e8);border-color:#ead3d7}.card:hover{border-color:#9aaf8b}.contact{background:#fffaf0e8;border-color:#ead3d7}.chip{border-color:#cdd7c8;color:#455849}.section{border-color:#28342b18}.activity-section,.links-section{background-color:rgba(205,137,151,.2)}footer{color:#8b978b}    .art{height:auto;min-height:460px;padding:14px}.avatar-image{display:block;width:min(100%,410px);height:auto;max-height:620px;object-fit:contain;border-radius:190px 190px 28px 28px;box-shadow:0 24px 70px #8d526533;animation:avatarfloat 7s ease-in-out infinite}
    @keyframes avatarfloat{0%,100%{transform:translateY(-5px) rotate(-.5deg)}50%{transform:translateY(5px) rotate(.5deg)}}
    @media(max-width:760px){.art{grid-row:1;min-height:unset;height:auto;max-height:none;padding:0;margin:0 auto 26px}.avatar-image{width:min(78vw,340px);max-height:none;border-radius:170px 170px 24px 24px}}    .art{min-height:unset}.avatar-slideshow{position:relative;width:min(100%,410px);aspect-ratio:2/3;height:auto;margin:auto;overflow:hidden;border-radius:0}.avatar-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .7s ease,opacity .7s ease,visibility 0s linear .7s}.avatar-image.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}.avatar-image.is-leaving{opacity:0;visibility:visible;transform:translateX(-100%);z-index:1}.slide-controls{position:absolute;z-index:2;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:6px 10px;border-radius:999px;background:#fffaf0e8;border:1px solid #ead3d7;color:#704c54;backdrop-filter:blur(8px)}.slide-controls button{border:0;background:transparent;color:inherit;width:30px;height:30px;font-size:26px;line-height:1;cursor:pointer}.slide-count{font-size:11px;letter-spacing:.12em;min-width:48px;text-align:center}
    @media(max-width:760px){.art{min-height:unset}.avatar-slideshow{width:min(78vw,340px);height:auto;aspect-ratio:2/3}.avatar-image{width:100%;height:100%}}    .avatar-slideshow,.avatar-image{border-radius:0}@media(max-width:760px){.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.section-head > p{width:100%;max-width:none;text-align:right;margin:0}}
    .social-x{display:inline-flex;align-items:center;gap:8px}.social-x svg{width:15px;height:15px;display:block}
    .brand-link{display:inline-flex;align-items:center;gap:8px}.brand-icon{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-x .brand-icon{fill:currentColor;stroke:none}
    .hero h1{font-size:clamp(40px,7vw,88px);white-space:nowrap}.role{color:#59685b}
    .copy{padding:clamp(20px,3vw,32px);border:1px solid #d8c5c5;border-radius:20px;background:#fffaf0e8;box-shadow:0 16px 40px #9f667018}
    .disclosure-card{padding:0;overflow:hidden}.disclosure-card summary{list-style:none;cursor:pointer;padding:24px;position:relative}.disclosure-card summary::-webkit-details-marker{display:none}.disclosure-card summary h3{margin:24px 0 8px}.expand-hint{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ead3d7;padding-top:14px;margin-top:18px;color:#718075;font-size:12px}.expand-hint span{font-size:20px;color:#779b69;transition:transform .2s}.disclosure-card[open]{grid-column:1/-1}.disclosure-card[open] .expand-hint span{transform:rotate(45deg)}.world-extra{padding:0 24px 24px;border-top:1px solid #ead3d7}.world-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 0}.world-photos a{display:block;height:clamp(150px,24vw,260px);overflow:hidden;border-radius:12px;background:#f4e5e6}.world-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.world-photos a:hover img{transform:scale(1.04)}.world-links{display:flex;flex-wrap:wrap;gap:10px}.world-note{margin:14px 0 0;color:#718075;font-size:12px}.disclosure-card summary:focus-visible{outline:3px solid #779b69;outline-offset:-4px}
    @media(max-width:760px){.copy{padding:22px 20px}.disclosure-card[open]{grid-column:1}.world-photos{grid-template-columns:1fr}.world-photos a{height:220px}.avatar-gallery{display:flex;width:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}.avatar-photo{flex:0 0 100%;scroll-snap-align:center}.avatar-caption{font-size:14px;line-height:1.8}.avatar-gallery-hint{display:block;text-align:center;margin:10px 0 0;color:#718075;font-size:11px}}    .world-photos a{position:relative}.world-photo-label{position:absolute;left:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:#fffaf0e8;color:#4b5e50;font-size:11px;backdrop-filter:blur(8px)}.world-note a{color:#55734e;text-decoration:underline;text-underline-offset:2px}    .card-avatar-image{display:block;width:100%;height:220px;object-fit:cover;object-position:center 34%;border-radius:10px;margin-bottom:18px}.avatar-card h3{margin-top:12px}
    .avatar-extra{padding:18px 24px 24px;border-top:1px solid #ead3d7}.avatar-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,760px);margin:auto}.avatar-photo{margin:0;min-width:0;padding:14px;background:#f7eee8;border-radius:16px}.avatar-detail-image{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center 34%;border-radius:12px}.avatar-caption{margin:14px 4px 0;color:#59685b;font-size:18px;line-height:1.8}.avatar-gallery-hint{display:none}
    @media(max-width:760px){.avatar-gallery{display:flex;width:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px}.avatar-photo{flex:0 0 100%;scroll-snap-align:center}.avatar-caption{font-size:14px;line-height:1.8}.avatar-gallery-hint{display:block;text-align:center;margin:10px 0 0;color:#718075;font-size:11px}}
    @media(max-width:760px){.avatar-caption{font-size:14px;line-height:1.8}}
    .illustration-card[open]{grid-column:1/-1}.illustration-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0}.illustration-gallery figure{margin:0;min-width:0}.illustration-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#f7eee8}.illustration-caption{margin:9px 4px 0;color:#59685b;font-size:13px;line-height:1.6}.illustration-gallery img.portrait{aspect-ratio:2/3;object-fit:cover}.illustration-gallery img.landscape{aspect-ratio:16/9;object-fit:cover}.illustration-landscape-pair{display:contents}.illustration-extra{padding:0 24px 24px;border-top:1px solid #ead3d7}.illustration-gallery-hint{display:none}.illustration-card[open] .expand-hint span{transform:rotate(45deg)}.accessory-card[open]{grid-column:1/-1}.accessory-card summary{list-style:none;cursor:pointer;padding:24px;position:relative}.accessory-card summary::-webkit-details-marker{display:none}.accessory-card summary h3{margin:24px 0 8px}.accessory-extra{padding:0 24px 24px;border-top:1px solid #ead3d7}.accessory-card[open] .expand-hint span{transform:rotate(45deg)}.accessory-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.accessory-product{min-width:0}.accessory-product-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#f7eee8}.accessory-product-link{display:block;margin-top:10px;padding:10px 12px;border:1px solid #dce2d6;border-radius:999px;color:#657363;font-size:12px;text-align:center;line-height:1.5;transition:border-color .2s,background .2s}.accessory-product-link:hover{border-color:#779b69;background:#fffdf8}.accessory-shop-link{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}.accessory-shop-label{color:#718075;font-size:12px}.accessory-card .chip{margin-top:0}@media(max-width:760px){.illustration-card[open]{grid-column:1}.illustration-gallery-hint{display:block;text-align:center;margin:10px 0 0;color:#718075;font-size:11px}.illustration-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px}.illustration-gallery figure{flex:0 0 100%;scroll-snap-align:center}.illustration-gallery figure img{aspect-ratio:4/3}.illustration-gallery img.portrait{aspect-ratio:2/3}.illustration-landscape-pair{display:grid;grid-template-columns:1fr;gap:12px;flex:0 0 100%;scroll-snap-align:center}.illustration-landscape-pair img.landscape{width:100%;aspect-ratio:16/9}.accessory-card[open]{grid-column:1}.accessory-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}



/* Soft framing for the profile hero and activity heading. */
.hero {
  padding-left: clamp(20px, 4vw, 42px);
  padding-right: clamp(20px, 4vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 24px;
  background-color: rgba(205, 137, 151, 0.2);
}

.activity-section .section-head h2 {
  width: fit-content;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(93, 74, 74, 0.3);
}

@media (max-width: 760px) {
  .hero {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.activity-section {
  border-radius: 24px;
}


.links-section {
  border-radius: 24px;
}


.links-section {
  margin-top: 24px;
}


.activity-section {
  margin-top: 24px;
}


.connect-card[open] {
  grid-column: 1 / -1;
}

.connect-card summary {
  list-style: none;
  position: relative;
  cursor: pointer;
  padding: 24px;
}

.connect-card summary::-webkit-details-marker {
  display: none;
}

.connect-card summary h3 {
  margin: 24px 0 8px;
}

.connect-extra {
  padding: 18px 24px 24px;
  border-top: 1px solid #ead3d7;
}

.connect-photo {
  display: block;
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 auto;
}

.connect-card[open] .expand-hint span {
  transform: rotate(45deg);
}

@media (max-width: 760px) {
  .connect-card[open] {
    grid-column: 1;
  }

  .connect-extra {
    padding: 14px 16px 18px;
  }
}