/* Himino / blue, light and quiet wonder. v1.1.0 */
:root{--paper:#f4f9ff;--ink:#102e50;--muted:#54718c;--blue:#155ac3;--blue-deep:#103d84;--blue-light:#e6f2ff;--line:#d5e5f6;--gold:#75c5f6;--teal:#287ca9;--radius:18px}
body{background:radial-gradient(ellipse at 5% 0%,#d9eeff 0,transparent 40%),linear-gradient(145deg,#f7fbff,#f1f7ff 65%,#e9f4ff);overflow-wrap:anywhere}
::selection{background:#c6e4ff;color:#10325c}.site-header{background:rgba(247,252,255,.93);border-color:#d7e9fa;box-shadow:0 5px 30px #164e8a05}.brand-words strong{color:#123e78}.brand-words small{color:#4c7ca6}.brand-mark{color:#2465b7}.brand-mark i{background:#f6fbff;color:#5bbaef}.primary-nav{gap:23px}.primary-nav a{color:#244f7b}.shelf-button{border-color:#b6d3f0;background:#fff9;border-radius:30px}.button{border-radius:30px;min-height:47px}.button.primary{background:linear-gradient(120deg,#1f70dc,#174baf);box-shadow:0 7px 22px #124da224}.button.primary:hover{background:linear-gradient(120deg,#195fc4,#103e91);box-shadow:0 10px 25px #124da235}.button.secondary{border-color:#bed9f5;background:#ffffffc9}.text-link{border-color:#96bde6}.eyebrow{letter-spacing:.2em;font-size:10px}.filter{border-color:#c8dff6;background:#ffffffa8}.filter.active{background:linear-gradient(120deg,#2673d7,#1e54b5);box-shadow:0 4px 12px #174aa318}.search-box{border-color:#ccdef3;box-shadow:0 3px 14px #174a8010;border-radius:12px}.search-box input{font-size:12px}
.hero{position:relative;isolation:isolate;margin-top:30px;margin-bottom:30px;padding:48px 42px 42px;border-radius:28px;gap:35px;background:radial-gradient(ellipse at 15% 5%,#215c9e 0,transparent 55%),linear-gradient(135deg,#112f67,#0b204b 65%,#154779);color:#fff;box-shadow:0 20px 50px #103c7924;border:1px solid #ffffff70;overflow:hidden}.hero:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 6% 18%,#c3eeffbd 0 1px,transparent 2px),radial-gradient(circle at 45% 10%,#a1d9ff8c 0 1px,transparent 2px),radial-gradient(circle at 34% 84%,#a1d9ff8c 0 1px,transparent 2px),linear-gradient(160deg,transparent 45%,#81c3ff09 45.1%,transparent 70%)}.hero-copy{padding-bottom:0}.hero-copy>.eyebrow{color:#b1d9ff;margin-bottom:25px}.hero h1{font-size:clamp(28px,3.15vw,43px);white-space:normal;line-height:1.7;letter-spacing:.045em}.hero .ink-emphasis{color:#b6e7ff}.ink-emphasis:after{border-color:#75bdff}.hero-description{color:#c4dbf3;font-size:13px;line-height:2.15;margin-top:20px}.hero-buttons{gap:20px;flex-wrap:wrap;margin-top:28px}.hero .button.primary{color:#103f80;background:linear-gradient(120deg,#fff,#d1ebff);box-shadow:0 6px 24px #00183f30}.hero .text-link{color:#d6eaff;border-color:#81b2e1;font-size:11px}.hero-note{color:#adcce9;font-size:10px}.hero-visual{padding-top:15px;padding-right:4px}.hero-visual:before{border-color:#a5d8ff50;border-radius:19px;left:10px;right:-4px}.frame-caption{color:#beddf6;letter-spacing:.17em;font-size:7px}.featured-art{border-radius:17px;border:1px solid #b2d6ff6e;box-shadow:0 12px 35px #00143642;aspect-ratio:1.07}.featured-art:after{background:linear-gradient(0deg,#061c49ed,#102a5000 73%)}.featured-overlay{bottom:24px;left:24px;right:24px}.featured-overlay h2{font-size:23px}.featured-label{background:#153b695c;border-color:#c0deff70;border-radius:30px}.hero-caption{color:#b8d7f2}.hero-caption>span:last-child{color:#d6efff}.welcome-strip{border-color:#c8dff4;padding-block:18px}.welcome-strip>span:not(:first-child){color:#43688f}.pill-small{border-radius:30px;background:#e0efff;color:#285e9f}
.library-section{padding-top:45px;padding-bottom:60px}.section-heading h2{color:#153f73;font-size:27px}.book-grid{gap:25px}.book-card{border:1px solid #d6e5f6;border-radius:17px;box-shadow:0 6px 22px #12477909}.book-card:hover{box-shadow:0 15px 38px #1d5b9f18;transform:translateY(-4px);border-color:#a8cdef}.card-art{background:#e1edfc;border-color:#d2e4f6}.card-art>img{filter:brightness(1)}.card-body{padding:17px 21px 20px}.book-card h3{color:#153e73;font-size:18px}.card-body>p{font-size:11px;line-height:1.95}.card-bottom{border-color:#e2edf9}.category-dot{color:#2464ad}.cover-peek{border-radius:4px;box-shadow:-5px 7px 19px #05295455}.bookmark-button[aria-pressed=true]{color:#1760bd;background:#e4f1ff}.bookmark-button[aria-pressed=true] .icon{fill:#b9d9ff}.continue-card{border-color:#d0e4f7;border-radius:15px;box-shadow:0 6px 22px #174b7f08}.continue-card strong{color:#194b86}
.community-banner{background:linear-gradient(100deg,#dcecff,#f0f8ff 70%);border-color:#c7dff7;border-radius:23px;box-shadow:0 12px 35px #1c528b0a}.community-image:after{background:linear-gradient(90deg,transparent 62%,#e4f1ff)}.community-copy h2{color:#164a8b}.community-copy p{color:#4c7399}.community-deco{color:#b3d5f4}.note-row{border-color:#cbdff4}.signature{color:#2b6eb4}.site-footer{background:linear-gradient(120deg,#0c2752,#103765);border-color:#1c4874;color:#e0ecff}.site-footer .brand-words strong,.site-footer .brand-mark{color:#e2efff}.site-footer .brand-words small,.footer-inner>div>p{color:#a8c9ea}.footer-inner nav{color:#d2e5fa}.footer-bottom{border-color:#8fb5dc30;color:#abc9e6}.page-heading h1{color:#143d74}.page-heading .eyebrow{color:#3578b8}.community-page-art,.about-art{border-radius:20px;overflow:hidden}.prompt-panel{border-color:#c7dff5;border-radius:19px;background:#ffffff}.prompt-text{background:#f1f7ff;border-color:#d2e5fa;color:#254f77}.reader-toolbar{background:#f5faffed;border-color:#c9e0f5}.reader-paper{background:#e9f3ff}.reader-end{color:#174b88}.toast{background:#103a77;box-shadow:0 10px 35px #0b28594a}.zoom-dialog{border-color:#badbfa}.prose h2,.prose h3{color:#1b528f}.prose a{color:#1258b5;text-decoration:underline;text-underline-offset:4px}
.portfolio-hero{margin-top:32px;margin-bottom:0;border-radius:28px;min-height:535px;padding:58px 70px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;background:radial-gradient(ellipse at 75% 50%,#1c6697 0,transparent 60%),linear-gradient(130deg,#102b5d,#0a2047);color:#e3efff;position:relative;overflow:hidden;box-shadow:0 20px 50px #103c7924}.portfolio-hero .eyebrow{color:#b8dafa;font-size:10px}.portfolio-hero h1{font-family:var(--serif);font-size:clamp(40px,4.8vw,64px);font-weight:500;line-height:1.5;letter-spacing:.1em;margin:20px 0 17px}.portfolio-hero h1 em{font-style:normal;color:#a4dfff}.portfolio-lead{font-size:15px;letter-spacing:.13em;color:#e1f3ff;margin-bottom:15px}.portfolio-hero-copy>p:not(.portfolio-lead){font-size:12px;line-height:2.2;color:#bbd5ee}.portfolio-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.portfolio-hero .button.primary{background:linear-gradient(120deg,#fff,#d8efff);color:#154884}.portfolio-hero .text-link{font-size:11px;color:#c5e3ff;border-color:#6a9fcd}.portfolio-portrait{position:relative;max-width:360px;margin:0 auto;padding:12px;isolation:isolate}.portfolio-portrait>img{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 20%;border:5px solid #c7e9ffba;box-shadow:0 0 55px #8bcfff3b;position:relative}.portrait-orbit{position:absolute;inset:-13px;border:1px solid #a1d9ff55;border-radius:50%;transform:rotate(-25deg)}.portrait-orbit:after{content:'✦';position:absolute;right:8%;top:9%;color:#d1edff;font-size:26px;text-shadow:0 0 12px #86c8ff}.portrait-signature{font-family:var(--serif);font-size:35px;font-style:italic;position:absolute;right:-18px;bottom:-15px;transform:rotate(-8deg);color:#e9f7ff}.portrait-signature span{font-size:20px;color:#88ccff}.portrait-cat{display:flex;align-items:center;justify-content:center;position:absolute;left:-22px;bottom:8px;width:76px;height:76px;background:#f0f9ff;border:1px solid #bbdeff;border-radius:50%;color:#3873b8;box-shadow:0 8px 25px #011b484d}.portrait-cat .icon{width:46px;height:46px;stroke-width:1.1}
.portfolio-intro{display:grid;grid-template-columns:1fr 3fr;gap:50px;padding-block:70px;border-bottom:1px solid #cbdff3}.portfolio-intro>.eyebrow{padding-top:8px}.portfolio-intro h2{font-family:var(--serif);font-size:28px;line-height:1.8;font-weight:500;color:#17487f;letter-spacing:.03em}.portfolio-intro p{max-width:690px;margin-top:20px;color:var(--muted);font-size:13px;line-height:2.2}.portfolio-editorial a{color:#155bc0;text-decoration:underline}.portfolio-anchor{scroll-margin-top:110px}.portfolio-gallery,.portfolio-comics{padding-block:58px}.portfolio-section-note{color:var(--muted);font-size:12px;line-height:2;margin-top:-7px;margin-bottom:28px}.portfolio-discovery{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}.portfolio-filters a{display:inline-flex;align-items:center}.art-search{display:flex;gap:8px;align-items:stretch;max-width:100%}.art-search .search-box{min-width:210px}.art-search .button{padding:8px 17px;min-height:42px;white-space:nowrap}.artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.artwork-card{margin:0;min-width:0}.artwork-image{display:block;position:relative;width:100%;padding:0;overflow:hidden;aspect-ratio:4/5;background:#dcecff;border-radius:16px;border:1px solid #c7ddf6;box-shadow:0 10px 24px #17487810}.artwork-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.artwork-image:hover>img{transform:scale(1.035)}.artwork-expand{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;align-items:center;padding:8px 12px;font-size:10px;border-radius:30px;color:white;background:#0c2a60a8;backdrop-filter:blur(8px);border:1px solid #d4eaff50}.artwork-expand .icon{width:16px;height:16px}.artwork-card figcaption{padding:17px 4px 0}.artwork-card h3{font-size:18px;font-family:var(--serif);font-weight:600;color:#154680;line-height:1.7;margin-top:7px}.artwork-card figcaption>p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:8px}.portfolio-pagination{display:flex;justify-content:center;gap:8px;margin-top:42px;flex-wrap:wrap}.portfolio-pagination .page-numbers{display:inline-flex;min-width:42px;min-height:42px;padding:7px 12px;align-items:center;justify-content:center;border:1px solid #bed7ef;border-radius:9px;background:white;color:#24578f}.portfolio-pagination .current{background:#1a5bb6;color:#fff;border-color:#1a5bb6}.portfolio-empty{border:1px dashed #b9d7f2;padding:36px;text-align:center;color:var(--muted);border-radius:14px}.portfolio-contact{padding:48px 55px;margin-bottom:64px;border-radius:24px;background:linear-gradient(120deg,#dfedff,#f4fbff);border:1px solid #c5dff7;text-align:center;position:relative}.portfolio-contact h2{font-family:var(--serif);font-weight:500;font-size:31px;line-height:1.7;color:#17467f;margin-top:12px}.portfolio-contact>p{font-size:12px;color:#547798;line-height:2;margin-top:15px}.portfolio-contact>.button{margin-top:23px}.portfolio-contact .portfolio-rights{font-size:10px;margin-top:24px;color:#547798}
@media(min-width:1100px){.view-portfolio .header-inner{gap:18px}.view-portfolio .primary-nav{gap:21px}}
@media(max-width:1050px){.hero{padding:37px 30px;gap:26px}.hero h1{font-size:32px}.hero .hero-buttons{gap:15px}.hero .text-link{font-size:10px}.featured-overlay{bottom:20px;left:20px;right:20px}.featured-overlay h2{font-size:21px}.portfolio-hero{padding:48px 42px;gap:42px;min-height:470px}.portfolio-hero h1{font-size:48px}.portfolio-portrait{max-width:290px}.primary-nav{gap:17px}.brand-words strong{font-size:17px}}
@media(max-width:800px){.hero{margin-top:22px;padding:32px 28px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:35px}.hero-copy{max-width:100%}.hero-description{font-size:13px}.hero-visual{max-width:570px;width:100%;margin:auto}.featured-art{aspect-ratio:1.35}.hero-buttons{margin-top:25px}.primary-nav{background:#f3f9ff}.portfolio-hero{grid-template-columns:1fr 0.8fr;padding:38px 30px;gap:25px;min-height:420px}.portfolio-hero h1{font-size:41px}.portfolio-hero-actions{gap:18px}.portfolio-hero-actions .text-link{font-size:10px}.portfolio-portrait{max-width:235px}.portrait-cat{width:59px;height:59px;left:-13px;bottom:-5px}.portrait-cat .icon{width:36px;height:36px}.portrait-signature{font-size:27px}.portfolio-intro{grid-template-columns:1fr;gap:18px;padding-block:44px}.portfolio-intro h2{font-size:25px}.portfolio-discovery{align-items:flex-start;flex-direction:column}.art-search{width:100%}.art-search .search-box{flex:1;min-width:0}.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.portfolio-gallery,.portfolio-comics{padding-block:42px}}
@media(max-width:560px){.hero{border-radius:22px;margin-top:16px;margin-bottom:22px;padding:29px 23px;gap:28px}.hero h1{font-size:31px;letter-spacing:.02em}.hero-copy>.eyebrow{font-size:8px;margin-bottom:18px}.hero-description{font-size:12px;margin-top:17px}.hero .hero-buttons{gap:16px}.hero .button.primary{font-size:11px;padding:12px 17px;min-height:44px}.hero .text-link{font-size:10px}.hero-note{font-size:9px;margin-top:19px}.featured-art{aspect-ratio:1.12;border-radius:13px}.featured-overlay{left:18px;right:18px;bottom:19px}.featured-overlay h2{font-size:20px}.frame-caption{font-size:6px;right:10px}.hero-caption{font-size:8px;gap:6px}.hero-caption>span:last-child{font-size:16px}.section-heading h2{font-size:23px}.section-heading{gap:12px}.book-card h3{font-size:18px}.card-body>p{font-size:12px}.library-section{padding-top:32px;padding-bottom:36px}.community-banner{border-radius:19px}.community-copy h2{font-size:24px}.portfolio-hero{margin-top:17px;border-radius:23px;padding:32px 26px 38px;grid-template-columns:1fr;gap:44px}.portfolio-hero-copy{text-align:center}.portfolio-hero h1{font-size:43px;line-height:1.5;margin-top:19px}.portfolio-hero .eyebrow{font-size:8px;letter-spacing:.17em}.portfolio-lead{font-size:13px}.portfolio-hero-copy>p:not(.portfolio-lead){font-size:11px}.portfolio-hero-actions{justify-content:center;gap:17px;flex-direction:column}.portfolio-portrait{width:220px;max-width:90%}.portrait-signature{right:-11px;font-size:29px}.portfolio-intro{gap:14px;padding-block:37px}.portfolio-intro h2{font-size:23px}.portfolio-intro p{font-size:12px;line-height:2.1}.portfolio-gallery,.portfolio-comics{padding-block:35px}.portfolio-discovery{gap:19px}.portfolio-filters .filter{font-size:10px;padding:7px 14px;min-height:35px}.artwork-grid{gap:27px 13px}.artwork-image{border-radius:12px}.artwork-card h3{font-size:15px}.artwork-card figcaption{padding-top:12px}.artwork-card .eyebrow{font-size:8px;letter-spacing:.1em}.artwork-card figcaption>p{font-size:10px}.artwork-expand{right:7px;bottom:7px;padding:6px;gap:0}.artwork-expand span{display:none}.portfolio-contact{padding:32px 23px;margin-bottom:40px;border-radius:20px}.portfolio-contact h2{font-size:26px}.portfolio-section-note{font-size:11px}.footer-inner .brand-words strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.artwork-image>img,.featured-art>img,.book-card,.button{transition:none}}