:root{--ink:#09224f;--muted:#50627e;--line:#cddff4;--paper:#fffdf9;--paper-warm:#fff6e9;--white:#fff;--orange:#ff6200;--orange-ink:#a24600;--amber:#ff9f1c;--blue:#0b68cf;--sky:#eaf5ff;--green:#188b55;--purple:#7046c8;--shadow:0 18px 44px #0a306321;--shadow-soft:0 9px 24px #0a306317;--radius:26px;--radius-small:20px;--shell:1180px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Inter,Yu Gothic UI,Hiragino Sans,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 87% 9%, #63aaff29, transparent 27rem), radial-gradient(circle at 10% 32%, #ff9f1c1c, transparent 25rem), linear-gradient(180deg, #fff 0, var(--paper) 40rem, #f8fbff 100%);margin:0;line-height:1.7}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}img{max-width:100%;height:auto;display:block}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #146ac4}.skip-link{z-index:100;color:var(--white);background:var(--ink);border-radius:8px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(calc(100% - 48px), var(--shell));margin-inline:auto}.site-header{--mobile-header-height:82px;z-index:50;backdrop-filter:blur(14px);background:#fffffff0;border-bottom:2px solid #cddff4e0;position:sticky;top:0}.site-header__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:80px;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:11px;width:max-content;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);width:40px;height:40px;color:var(--ink);background:linear-gradient(145deg, #ff9d16, var(--orange));border-radius:13px;place-items:center;display:grid;transform:rotate(-3deg);box-shadow:4px 4px #a9d3ff}.brand-mark span{font-size:19px;font-weight:900;transform:rotate(3deg)}.brand-name{color:var(--ink);font-size:1.1rem;font-weight:900}.brand-name strong{color:var(--orange-ink)}.desktop-nav{justify-content:flex-end;align-items:center;gap:clamp(18px,3vw,38px);display:flex}.desktop-nav a{color:#30384a;padding:25px 0 22px;font-size:.94rem;font-weight:650;text-decoration:none;position:relative}.desktop-nav a:after{background:var(--orange);content:"";opacity:0;border-radius:999px;height:4px;transition:all .16s;position:absolute;bottom:15px;left:0;right:0;transform:scaleX(.4)}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site-header__actions{align-items:center;gap:12px;display:flex}.language-switcher{background:#f4f9ff;border:2px solid #b9d6f5;border-radius:999px;padding:3px;display:inline-flex}.language-switcher a,.language-switcher span{color:#41516a;border-radius:999px;place-items:center;min-width:34px;min-height:30px;padding:2px 7px;font-size:.75rem;font-weight:850;line-height:1;text-decoration:none;display:grid}.language-switcher a[aria-current=page]{color:var(--white);background:var(--ink);box-shadow:0 2px #ffb34e}.language-switcher span[aria-disabled=true]{opacity:.42}.github-button{border:2px solid var(--ink);background:var(--white);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 18px;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 4px #bdd9f7}.github-button:hover{color:var(--white);background:var(--ink);transform:translateY(-1px);box-shadow:0 5px #ffbb61}.github-dot{font-size:.78rem}.x-button{border:2px solid var(--ink);min-width:44px;min-height:44px;color:var(--white);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 4px #ffbb61}.x-button:hover{color:var(--ink);background:var(--white);transform:translateY(-1px);box-shadow:0 5px #bdd9f7}.mobile-nav{justify-self:end;display:none}.mobile-nav summary{border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;min-height:44px;padding:9px 14px;font-weight:700;list-style:none;box-shadow:0 3px #bdd9f7}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{max-height:calc(100vh - var(--mobile-header-height));max-height:calc(100dvh - var(--mobile-header-height));border-bottom:2px solid var(--line);box-shadow:var(--shadow);overscroll-behavior-y:contain;scrollbar-gutter:stable;background:#fafdff;padding:14px 24px 20px;display:grid;position:absolute;top:calc(100% + 1px);left:0;right:0;overflow-y:auto}.mobile-nav nav a{border-bottom:1px solid #eff1f4;min-height:44px;padding:9px 8px;font-weight:650;text-decoration:none}.mobile-nav nav a[aria-current=page]{color:var(--orange-ink)}.mobile-language-switcher{background:var(--white);border:2px solid #c7ddf5;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding:5px;display:grid}.mobile-nav nav .mobile-language-switcher a,.mobile-language-switcher span{color:#41516a;border:0;border-radius:10px;place-items:center;min-height:38px;padding:6px 10px;font-size:.86rem;text-decoration:none;display:grid}.mobile-nav nav .mobile-language-switcher a[aria-current=page]{color:var(--white);background:var(--ink)}.mobile-language-switcher span[aria-disabled=true]{opacity:.42}.hero{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:center;gap:28px;min-height:590px;padding-block:58px 52px;display:grid}.eyebrow{color:#a24600;letter-spacing:.14em;background:#fff5e8;border:1px solid #ffd29f;border-radius:999px;width:max-content;margin:0 0 15px;padding:5px 12px;font-size:.73rem;font-weight:850}.hero h1,.page-hero h1,.project-detail h1,.not-found h1{letter-spacing:-.045em;margin:0;line-height:1.05}.hero h1{color:var(--ink);text-shadow:0 4px #d8e9fb;font-size:clamp(3.3rem,5.6vw,5.15rem);font-weight:950}.hero h1 span{color:var(--orange);text-shadow:0 4px #ffd4a8;-webkit-text-fill-color:var(--orange);background:0 0}.hero__tagline{color:var(--ink);letter-spacing:.04em;margin:22px 0 10px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900}.hero__description{max-width:620px;color:var(--muted);margin:0;font-size:1.04rem}.hero__signature{color:#294667;letter-spacing:.12em;margin:18px 0 0;font-size:.76rem;font-weight:900}.hero__why{color:#344f70;flex-wrap:wrap;align-items:baseline;gap:7px 10px;margin-top:12px;font-size:.88rem;font-weight:780;text-decoration:none;display:inline-flex}.hero__why:hover{color:#075bb0}.hero__why small{color:#075bb0;font-size:.77rem;font-weight:850}.hero__actions,.project-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:10px 23px;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:var(--ink);background:linear-gradient(100deg,#ff5d00,#ff9b13);border-color:#e44f00;box-shadow:0 6px #bd3e00,0 12px 24px #ff620033}.button--primary:hover{box-shadow:0 7px #bd3e00,0 15px 28px #ff620040}.button--secondary{color:var(--ink);border:2px solid var(--ink);background:var(--white);box-shadow:0 4px #bdd9f7}.button--secondary:hover{box-shadow:var(--shadow-soft);border-color:#9098a4}.hero__art{background:radial-gradient(circle at 15% 16%, #ffa01c38, transparent 18%), radial-gradient(circle at 87% 78%, #237ce02e, transparent 22%), var(--white);isolation:isolate;border:2px solid #d5e7fa;border-radius:34px;min-width:0;padding:10px;position:relative;overflow:hidden;box-shadow:10px 12px #ddebfa,0 24px 48px #0a30631f}.hero__art:before,.hero__art:after{z-index:2;content:"";pointer-events:none;border-radius:50%;position:absolute}.hero__art:before{background:var(--orange);width:13px;height:13px;top:22px;right:22px;box-shadow:-22px 13px #80baff,-9px 35px #ffd16c}.hero__art:after{background:#2f88e8;width:12px;height:12px;bottom:20px;left:25px;box-shadow:24px -8px #ffa41f,9px -31px #bad8ff}.hero__image{z-index:1;background:var(--white);border-radius:25px;width:100%;position:relative}.hero__art-chip{z-index:3;border:2px solid var(--ink);color:var(--white);letter-spacing:.08em;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:5px 11px;font-size:.7rem;font-weight:900;position:absolute}.hero__art-chip--orange{background:var(--orange);color:var(--ink);top:18px;left:18px;transform:rotate(-5deg)}.hero__art-chip--blue{background:var(--blue);bottom:19px;right:20px;transform:rotate(4deg)}.brand-story{gap:24px;padding-top:26px;display:grid}.brand-story__intro{max-width:760px}.brand-story__intro h2,.brand-story__for-you h3{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.2}.brand-story__intro>p:last-child{color:var(--muted);margin:12px 0 0;font-size:1.02rem}.brand-story__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.brand-story__step{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:minmax(108px,.58fr) minmax(0,1fr);align-items:center;gap:12px;min-height:194px;padding:18px;display:grid;box-shadow:7px 8px #e1effc}.brand-story__step img{width:100%;max-width:160px;margin-inline:auto}.brand-story__step>div>p,.brand-story__for-you>div>p{width:max-content;max-width:100%;color:var(--ink);letter-spacing:.08em;background:#dcedff;border-radius:999px;margin:0 0 8px;padding:3px 9px;font-size:.69rem;font-weight:950}.brand-story__step h3{color:var(--ink);margin:0;font-size:1.07rem;line-height:1.38}.brand-story__step span,.brand-story__for-you span{color:#40516b;margin-top:7px;font-size:.88rem;line-height:1.65;display:block}.brand-story__step--1{background:linear-gradient(145deg,#fff,#edf7ff);border-color:#bcdcf9}.brand-story__step--2{background:linear-gradient(145deg,#fff,#fff4e7);border-color:#f6cda8;box-shadow:7px 8px #fff0df}.brand-story__step--3{background:linear-gradient(145deg,#fff,#f2f5ff);border-color:#c9d8f4;box-shadow:7px 8px #e6edf9}.brand-story__for-you{border-radius:var(--radius);background:radial-gradient(circle at 91% 30%,#ffffffc7,#0000 8rem),linear-gradient(110deg,#fff2dc,#ffe0ae);border:2px solid #ffbf78;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 24px 18px 14px;display:grid;box-shadow:8px 9px #ffc368}.brand-story__for-you img{object-fit:contain;width:132px;height:132px}.brand-story__for-you .button{color:var(--ink);white-space:nowrap}.page-section{padding-block:42px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:900}.section-heading h2 span{width:28px;height:28px;color:var(--white);background:#b74200;border-radius:9px;place-items:center;margin-right:5px;font-size:.84rem;display:inline-grid;box-shadow:3px 3px #ffd09a}.section-heading>a{color:var(--blue);background:var(--sky);border-radius:999px;padding:5px 12px;font-size:.9rem;font-weight:850;text-decoration:none}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-grid--listing{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);transition:transform .18s,box-shadow .18s;overflow:hidden}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.project-card--blue{background:#fbfdff;border-color:#bcdcf9;box-shadow:7px 8px #e1effc}.project-card--green{background:#fcfffc;border-color:#bfe5cd;box-shadow:7px 8px #e1f5e8}.project-card--purple{background:#fefcff;border-color:#d8c6f5;box-shadow:7px 8px #eee6fb}.project-card--orange{background:#fffdf9;border-color:#f6cda8;box-shadow:7px 8px #fff0df}.project-card__visual{background:linear-gradient(145deg,#ffffffe6,#eaf5ffb8);place-items:center;height:218px;padding:14px;display:grid;overflow:hidden}.project-card__visual img{object-fit:contain;border-radius:16px;width:100%;height:100%}.project-card__media{aspect-ratio:1200/760;width:auto;max-width:100%;height:100%}.project-card__media img{display:block}.project-card__body{padding:20px 22px 18px}.project-card__meta{flex-wrap:wrap;gap:7px;display:flex}.tag{color:#475569;background:#edf0f4;border:1px solid #09224f14;border-radius:999px;align-items:center;width:max-content;min-height:24px;padding:2px 10px;font-size:.72rem;font-weight:850;display:inline-flex}.tag--app{color:#135693;background:#e8f3ff}.tag--tool,.tag--game{color:#66329d;background:#f2eaff}.tag--open-source{color:#965000;background:#fff0db}.tag--sample{color:#6b4d13;background:#fff8d7}.project-card h3{color:var(--ink);margin:12px 0 8px;font-size:1.26rem;font-weight:900;line-height:1.35}.project-card h3 a{text-decoration:none}.project-card h3 a:hover{color:var(--orange)}.project-card p{min-height:5.1em;color:var(--muted);margin:0;font-size:.91rem}.project-card__footer{color:#667085;border-top:1px solid #dfe4eab3;justify-content:space-between;margin-top:14px;padding-top:13px;font-size:.78rem;font-weight:700;display:flex}.project-placeholder{letter-spacing:.1em;border:2px solid #fffc;border-radius:18px;place-items:center;width:100%;height:100%;font-size:clamp(1.4rem,4vw,2.8rem);font-weight:900;display:grid}.project-placeholder--green{color:#1d7041;background:radial-gradient(circle,#e7f8ea,#cdebd6)}.project-placeholder--purple{color:#6738a2;background:radial-gradient(circle,#f2eaff,#dfd0f5)}.project-placeholder--blue{color:#1b5f9e;background:radial-gradient(circle,#e8f4ff,#cfe6fa)}.project-placeholder--orange{color:#a45100;background:radial-gradient(circle,#fff3df,#f5d6ae)}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-block:32px 38px;display:grid}.category-card{border:2px solid var(--line);border-radius:var(--radius-small);background:var(--white);grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:130px;padding:20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:6px 7px #e5effa}.category-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.category-card__icon{border:2px solid var(--ink);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.25rem;font-weight:900;display:grid;box-shadow:3px 3px #bfdcff}.category-card--blue .category-card__icon{background:linear-gradient(145deg,#2485db,#075ba7)}.category-card--purple .category-card__icon{background:linear-gradient(145deg,#8b61d4,#59329b)}.category-card--green .category-card__icon{background:linear-gradient(145deg,#47ad63,#16813b)}.category-card--orange .category-card__icon{background:linear-gradient(145deg,#ff9a18,#e36100)}.category-card strong,.category-card small,.category-card__link{display:block}.category-card strong{color:var(--ink);margin-bottom:3px;font-size:1.1rem;font-weight:900}.category-card small{color:var(--muted);line-height:1.5}.category-card__link{color:var(--orange-ink);margin-top:6px;font-size:.78rem;font-weight:780}.updates-list{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);display:grid;overflow:hidden;box-shadow:8px 9px #e4effa}.update-item{grid-template-columns:auto 1fr;gap:16px;padding:20px 24px;display:grid}.update-item+.update-item{border-top:1px solid var(--line)}.update-item__icon{border:2px solid var(--ink);color:var(--ink);width:46px;height:46px;background:linear-gradient(145deg,#ff9a18,#e36100);border-radius:15px;place-items:center;font-weight:900;display:grid;box-shadow:3px 3px #ffd4a5}.update-item__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.update-item__title h3{margin:0;font-size:1rem}.update-item__title h3 a{text-decoration:none}.update-item__title>span:not(.tag){color:var(--orange-ink);font-size:.82rem;font-weight:800}.update-item p{color:var(--muted);margin:4px 0 2px;font-size:.9rem}.update-item time{color:#596477;font-size:.76rem}.page-hero{border-bottom:2px solid var(--line);background:radial-gradient(circle at 84% 34%,#3f91ea24,#0000 20rem),radial-gradient(circle at 18% 80%,#ff95141c,#0000 18rem);padding-block:76px 42px}.page-hero h1{color:var(--ink);text-shadow:0 4px #d8e9fb;font-size:clamp(3rem,7vw,5.2rem);font-weight:950}.page-hero>p:last-child{max-width:720px;color:var(--muted);margin:18px 0 0;font-size:1.08rem}.back-link{color:var(--orange-ink);background:#fff0df;border-radius:999px;margin-bottom:24px;padding:5px 11px;font-size:.9rem;font-weight:760;text-decoration:none;display:inline-flex}.project-detail{padding-block:48px 76px}.project-detail__header{border:2px solid var(--line);background:var(--white);box-shadow:10px 12px 0 #e2eefb, var(--shadow);border-radius:32px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);display:grid;overflow:hidden}.project-detail__copy{align-self:center;min-width:0;padding:clamp(32px,5vw,60px)}.project-detail h1{color:var(--ink);margin-top:18px;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:950}.project-detail h1.project-detail__title--compact{letter-spacing:-.03em;overflow-wrap:anywhere;white-space:normal;font-size:clamp(2rem,4vw,3rem)}.project-detail__copy>p{color:var(--muted);margin:20px 0 0;font-size:1rem}.project-detail__visual{background:linear-gradient(145deg,#f5f8fa,#eef2f5);place-items:center;min-width:0;min-height:450px;padding:34px;display:grid}.project-detail__header--orange .project-detail__visual{background:linear-gradient(145deg,#fff5e9,#f8e4d2)}.project-detail__header--blue .project-detail__visual{background:linear-gradient(145deg,#eff8ff,#d9eaf6)}.project-detail__header--green .project-detail__visual{background:linear-gradient(145deg,#effaf1,#d8ebdd)}.project-detail__header--purple .project-detail__visual{background:linear-gradient(145deg,#f6f0ff,#e8dcf5)}.project-detail__visual img{object-fit:contain;border:2px solid #09224f1a;border-radius:20px;width:100%;max-height:520px;box-shadow:0 16px 34px #2026301f}.zoomable-image{width:100%;min-width:0}.zoomable-image__trigger{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;border-radius:20px;padding:0;display:block;position:relative;overflow:hidden}.zoomable-image__trigger img{display:block}.versioned-media{width:100%;display:block;position:relative;container-type:inline-size}.media-version-badge{z-index:1;color:#fff;white-space:nowrap;pointer-events:none;background:#3f7564;border-radius:999px;place-items:center;width:19.4%;height:6.7%;font-family:Arial,sans-serif;font-size:1.65cqw;font-weight:700;line-height:1;display:grid;position:absolute;top:7.1%;left:5.35%}.zoomable-image__trigger:focus-visible{outline-offset:5px;outline:4px solid #0d64d8}.zoomable-image__badge{color:#fff;pointer-events:none;background:#06275b;border:2px solid #ffffffe0;border-radius:999px;align-items:center;gap:7px;padding:8px 13px 8px 9px;font-size:.8rem;font-weight:850;line-height:1;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 20px #06275b3d}.zoomable-image__badge span{color:#072454;background:#ff9c2a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:1rem;display:grid}.image-lightbox{width:min(94vw,1680px);max-width:none;height:min(92vh,1050px);max-height:none;color:var(--ink);background:#fff;border:2px solid #b9d7fb;border-radius:24px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px #03163761}.image-lightbox[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.image-lightbox::backdrop{backdrop-filter:blur(5px);background:#03122bc7}.image-lightbox__header{background:linear-gradient(90deg,#fff8ee,#f2f8ff);border-bottom:2px solid #d9e9fb;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:12px 14px 12px 20px;display:flex}.image-lightbox__header p{color:#18345f;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.9rem;font-weight:800;overflow:hidden}.image-lightbox__controls{flex:none;align-items:center;gap:7px;display:flex}.image-lightbox__controls button,.image-lightbox__controls output{color:#08295f;min-width:38px;height:38px;font:inherit;background:#fff;border:2px solid #aacdf7;border-radius:10px;place-items:center;margin:0;font-size:.86rem;font-weight:850;display:grid}.image-lightbox__controls button{cursor:pointer}.image-lightbox__controls button:hover:not(:disabled),.image-lightbox__controls button:focus-visible{background:#fff4e6;border-color:#ff7a00}.image-lightbox__controls button:disabled{opacity:.42;cursor:not-allowed}.image-lightbox__controls .image-lightbox__close{color:#fff;background:#08295f;border-color:#08295f;width:auto;padding-inline:14px}.image-lightbox__viewport{overscroll-behavior:contain;background:linear-gradient(45deg,#eef4fa 25%,#0000 25%) 0 0/24px 24px,linear-gradient(-45deg,#eef4fa 25%,#0000 25%) 0 12px/24px 24px,linear-gradient(45deg,#0000 75%,#eef4fa 75%) 12px -12px/24px 24px,linear-gradient(-45deg,#0000 75%,#eef4fa 75%) -12px 0/24px 24px,#f9fbfd;min-width:0;min-height:0;padding:20px;display:block;overflow:auto}.image-lightbox__media{margin:0 auto;transition:width .16s}.project-detail__visual .image-lightbox__image,.screenshot-grid .image-lightbox__image{object-fit:contain;background:#fff;border:0;border-radius:14px;width:100%;max-width:none;max-height:none;margin:0 auto;display:block;box-shadow:0 16px 40px #142e4e2e}.project-facts{border-top:2px solid var(--line);margin:28px 0 0;display:grid}.project-facts div{border-bottom:1px solid #edf0f3;grid-template-columns:95px 1fr;gap:12px;padding:8px 0;display:grid}.project-facts dt{color:#5d687a;font-size:.78rem;font-weight:750}.project-facts dd{color:var(--ink);margin:0;font-size:.86rem;font-weight:800}.project-detail__content{width:min(820px,100%);margin:56px auto 0}.prose h2{color:var(--ink);margin:48px 0 16px;font-size:1.65rem;font-weight:900}.prose p{color:#465164}.prose code{overflow-wrap:anywhere;word-break:break-all}.technology-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.technology-list li{border:2px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:.84rem;font-weight:800}.screenshot-grid{gap:26px;display:grid}.screenshot-grid figure{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);margin:0;padding:18px;box-shadow:8px 9px #e4effa}.screenshot-grid img{object-fit:contain;background:#f4f6f8;border-radius:12px;width:100%;max-height:680px}.screenshot-grid figcaption{color:#43536c;text-align:center;margin-top:12px;font-size:.88rem;font-weight:650;line-height:1.7}.release-history{gap:14px;margin:0;padding:0;list-style:none;display:grid}.release-history__item{border:2px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(170px,.35fr) minmax(0,1fr);align-items:center;gap:20px;padding:18px 20px 18px 24px;display:grid;position:relative;overflow:hidden;box-shadow:5px 6px #e8f1fb}.release-history__item:before{content:"";background:#2875d1;width:7px;position:absolute;inset:0 auto 0 0}.release-history__item--green:before{background:#2c9659}.release-history__item--purple:before{background:#8153b5}.release-history__item--orange:before{background:#f36a00}.release-history__meta{justify-items:start;gap:6px;display:grid}.release-history__meta strong{color:#fff;background:#0b326c;border-radius:999px;padding:5px 10px;font-size:.84rem;line-height:1;display:inline-flex}.release-history__meta time{color:#53637b;font-size:.8rem;font-weight:750}.release-history__item p{color:#34445c;margin:0;line-height:1.75}.about-grid{grid-template-columns:1fr 1fr;gap:22px;padding-block:42px 80px;display:grid}.about-card{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);padding:clamp(28px,5vw,46px);box-shadow:7px 8px #e5effa}.about-card--large,.about-card--manager,.about-card--why,.about-card--history,.about-card--cta,.about-card--site-work{grid-column:1/-1}.about-card--large{background:linear-gradient(120deg,#fff4e5,#f4f9ff 72%,#fff)}.about-card--manager{background:linear-gradient(120deg,#f4f9ff,#fff 52%,#fff4e5)}.about-card--why{background:radial-gradient(circle at 92% 14%,#ffa01c2e,#0000 12rem),linear-gradient(120deg,#eef7ff,#fff 55%,#fff7ec)}.about-why__lead{max-width:720px;margin:0;font-size:1.05rem}.about-why__meanings{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.about-why__meaning{border-radius:var(--radius-small);background:#ffffffdb;border:2px solid #bddbfa;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:15px;min-height:178px;padding:20px;display:grid}.about-why__meaning--why{background:#fffaf2;border-color:#ffc78b}.about-why__letter{color:#0b3977;letter-spacing:-.12em;text-shadow:4px 4px #d8e9fb;font-size:clamp(3.7rem,7vw,5.6rem);font-style:italic;font-weight:950;line-height:.8}.about-why__meaning--why .about-why__letter{color:var(--orange);text-shadow:4px 4px #ffe1ba}.about-why__meaning p{color:#0b3977;letter-spacing:.08em;background:#dcedff;border-radius:999px;width:max-content;max-width:100%;margin:0 0 7px;padding:3px 9px;font-size:.7rem;font-weight:900}.about-why__meaning--why p{color:#9d3e00;background:#fff0d8}.about-why__meaning h3{color:var(--ink);margin:0;font-size:1.12rem;line-height:1.4}.about-why__meaning span:not(.about-why__letter){color:#40516b;margin-top:7px;font-size:.9rem;line-height:1.65;display:block}.about-why__copy{gap:4px;max-width:850px;margin-top:24px;display:grid}.about-why__copy p{margin:0;line-height:1.78}.about-why__signature{border:2px solid var(--ink);border-radius:var(--radius-small);background:#0b3977;margin:24px 0 0;padding:20px 22px;box-shadow:6px 7px #ffb45e}.about-card--why .about-why__signature p{color:#fff;margin:0;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:850;line-height:1.55}.about-why__connection{color:#40516b;max-width:850px;margin:23px 0 0;font-size:.94rem;line-height:1.75}.about-manager__layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(24px,4vw,44px);margin-top:24px;display:grid}.about-manager__layout>.character-spot{text-align:center;grid-template-columns:1fr;margin:0}.about-manager__layout>.character-spot img{width:min(210px,100%);margin-inline:auto}.about-manager__copy p:first-child{margin-top:0}.about-manager__copy ul{border-radius:var(--radius-small);color:#304563;background:#fffaf3;border:2px solid #f6cda8;margin:24px 0 0;padding:18px 20px 18px 42px}.about-manager__copy li+li{margin-top:8px}.about-card h2{color:var(--ink);margin:0 0 12px;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900}.about-card p{color:var(--muted)}.about-card--cta{color:#fff;border-color:var(--ink);background:linear-gradient(120deg,#0b3977,#071c47);box-shadow:8px 9px #ffb45e}.about-card--cta p{color:#e4ecf7}.about-card--cta h2{color:var(--white)}.about-card--site-work{background:linear-gradient(120deg,#eef7ff,#fff 48%,#fff2df);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;display:grid}.about-card--history{background:linear-gradient(120deg,#effaf1,#fff 52%,#eef7ff);border-color:#bfe5cd;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;display:grid}.about-card--history h2,.about-card--history p{margin-block:0}.about-card--history p{margin-top:6px}.about-card--site-work h2,.about-card--site-work p{margin-block:0}.about-card--site-work p{margin-top:6px}.making-page{padding-block:48px 84px}.making-lead,.making-principles,.making-license{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);padding:clamp(24px,5vw,42px);box-shadow:8px 9px #e4effa}.making-lead{background:linear-gradient(120deg,#fff4e5,#f4f9ff 72%,#fff)}.making-page>section+section{margin-top:46px}.making-team,.technology-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.making-team__member,.technology-cards article{border:2px solid var(--line);border-radius:var(--radius-small);background:var(--white);padding:20px;box-shadow:6px 7px #e5effa}.making-team__member .character-spot{text-align:center;grid-template-columns:1fr;margin:0 0 18px}.making-team__member .character-spot img{width:min(132px,100%);margin-inline:auto}.making-team__member h3,.technology-cards h3{color:var(--ink);margin:0;font-size:1.18rem}.making-team__member>p,.technology-cards p{color:var(--muted);margin:5px 0 0}.technology-cards article:nth-child(3n+1){border-color:#bcdcf9}.technology-cards article:nth-child(3n+2){border-color:#f6cda8}.technology-cards article:nth-child(3n+3){border-color:#bfe5cd}.making-principles li{margin-block:10px}.making-license{background:#fffaf3;border-color:#f6cda8}.history-page{padding-block:48px 84px}.history-page>section+section{margin-top:52px}.history-intro{border:2px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#fff4e5,#f4f9ff 72%,#fff);padding:clamp(22px,4vw,38px);box-shadow:8px 9px #e4effa}.history-intro .character-spot{margin:0 0 24px}.history-intro>p{color:#40516b;margin:0}.history-evolution{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.history-evolution article{border:2px solid var(--line);border-radius:var(--radius-small);background:var(--white);padding:24px;box-shadow:6px 7px #e5effa}.history-evolution article:nth-child(2){border-color:#bfe5cd}.history-evolution article:nth-child(3){border-color:#f6cda8}.history-evolution span{color:var(--orange-ink);letter-spacing:.12em;font-size:.8rem;font-weight:900}.history-evolution h3{color:var(--ink);margin:8px 0 6px;font-size:1.2rem}.history-evolution p{color:var(--muted);margin:0}.history-timeline{margin:0;padding:0;list-style:none;position:relative}.history-timeline:before{background:linear-gradient(var(--orange), #65a9ed, var(--green));content:"";border-radius:999px;width:4px;position:absolute;top:18px;bottom:18px;left:17px}.history-timeline>li{padding-left:62px;position:relative}.history-timeline>li+li{margin-top:28px}.history-timeline>li:before{z-index:1;border:5px solid var(--white);background:var(--orange);width:28px;height:28px;box-shadow:0 0 0 2px var(--ink);content:"";border-radius:50%;position:absolute;top:30px;left:5px}.history-timeline>li:nth-child(3n+2):before{background:#65a9ed}.history-timeline>li:nth-child(3n+3):before{background:#4eae72}.history-entry{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);padding:clamp(24px,4vw,38px);box-shadow:8px 9px #e4effa}.history-entry header>div{flex-wrap:wrap;align-items:center;gap:9px 14px;display:flex}.history-entry time{color:var(--orange-ink);font-weight:900}.history-entry header>div>span{color:#244f7f;letter-spacing:.08em;background:#e8f3ff;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:900}.history-entry h3{color:var(--ink);margin:10px 0 12px;font-size:clamp(1.35rem,3vw,2rem)}.history-entry>p{color:#465164}.history-entry__works{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.history-entry__works li{color:#7e3900;background:#fff5e8;border:1px solid #f6cda8;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.history-entry__change{border-radius:0 var(--radius-small) var(--radius-small) 0;background:#eef7ff;border-left:5px solid #267ece;margin-top:22px;padding:18px 20px}.history-entry__change strong{color:var(--ink)}.history-entry__change p{color:#40516b;margin:5px 0 0}.history-entry__links{flex-wrap:wrap;gap:9px 18px;margin-top:20px;display:flex}.history-entry__links a{color:#0b5bac;font-weight:850;text-decoration:none}.history-entry__links a:hover{text-decoration:underline}.history-entry__links .history-story-link{color:var(--orange-ink)}.character-spot{border-radius:var(--radius);color:var(--ink);background:linear-gradient(120deg,#fff,#eef7ff 70%,#fff5e8);border:2px solid #bcdcf9;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:20px;margin:0 0 38px;padding:18px 22px;display:grid;box-shadow:7px 8px #e1effc}.character-spot img{aspect-ratio:1;object-fit:contain;width:144px}.character-spot--cody-work img{clip-path:inset(0 16% 0 0)}.character-spot p{color:#304563;margin:0;font-weight:780;line-height:1.65}.character-spot--compact{grid-template-columns:104px minmax(0,1fr);margin:24px 0 0;padding:12px 16px}.character-spot--compact img{width:104px}.legal-page{width:min(100% - 48px,860px);padding-block:48px 84px}.legal-page__revised{color:#5c6b80;margin:0 0 36px;font-size:.9rem;font-weight:700}.legal-page section+section{padding-top:8px}.legal-page li{color:#465164;margin-block:8px}.contact-layout{grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);align-items:start;gap:30px;padding-block:48px 84px;display:grid}.contact-layout>.character-spot{text-align:center;grid-template-columns:1fr;margin:0;position:sticky;top:110px}.contact-layout>.character-spot img{width:min(190px,100%);margin-inline:auto}.contact-card{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);padding:clamp(26px,5vw,48px);box-shadow:9px 10px #e4effa}.contact-card h2{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.3}.contact-card>p{color:var(--muted);margin:0 0 28px}.contact-form{gap:20px;display:grid}.contact-form>label:not(.contact-form__consent){color:var(--ink);gap:7px;font-weight:820;display:grid}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fbfdff;border:2px solid #a9c9eb;border-radius:12px;padding:10px 13px}.contact-form textarea{resize:vertical;min-height:190px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);background:var(--white);outline-offset:1px;outline:3px solid #0b68cf2e}.contact-form__notice,.contact-form__policy{color:#4f3b00;background:#fff6d8;border-radius:12px;margin:0;padding:12px 14px;font-size:.9rem}.contact-form__policy{color:#334a68;background:#eef7ff}.contact-form__policy a{color:#075bb0;font-weight:820}.contact-form__consent{color:var(--ink);align-items:flex-start;gap:10px;font-weight:780;display:flex}.contact-form__consent input{flex:none;width:22px;min-height:22px;margin-top:3px}.contact-form__honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form .button{cursor:pointer;font:inherit;border:1px solid #e44f00;justify-self:start}.thanks-page{text-align:center;justify-items:center;min-height:620px;padding-block:72px;display:grid}.thanks-page .character-spot{width:min(620px,100%)}.thanks-page h1{margin:10px 0;font-size:clamp(2.4rem,6vw,4.2rem)}.thanks-page>p{max-width:640px;color:var(--muted);margin:0 0 26px}.not-found{text-align:center;place-items:center;min-height:650px;padding-block:80px;display:grid}.not-found h1{font-size:clamp(2.6rem,7vw,5rem)}.not-found>p:not(.eyebrow){color:var(--muted);margin:20px 0 28px}.site-footer{border-top:2px solid var(--line);background:radial-gradient(circle at 13% 45%,#ff99131a,#0000 12rem),radial-gradient(circle at 88% 48%,#2a85e71a,#0000 12rem),#f8fcfff0;margin-top:48px}.site-footer__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:112px;display:grid}.site-footer__copy{text-align:center}.site-footer p{color:var(--muted);text-align:center;margin:0}.site-footer__copy small{color:#58708e;letter-spacing:.07em;margin-top:6px;font-size:.72rem;font-weight:850;display:block}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:9px 18px;max-width:510px;display:flex}.site-footer nav a{color:var(--muted);font-size:.84rem;font-weight:700;text-decoration:none}@media (width<=1100px){body:has(.mobile-nav[open]){overflow:hidden}.desktop-nav,.desktop-github,.site-header__actions{display:none}.site-header__inner{grid-template-columns:1fr auto}.mobile-nav{display:block}}@media (width<=980px){.desktop-nav,.desktop-github,.site-header__actions{display:none}.site-header__inner{grid-template-columns:1fr auto}.mobile-nav{display:block}.hero{grid-template-columns:minmax(0,.9fr) minmax(350px,1.1fr);gap:24px}.hero h1{font-size:clamp(3rem,7vw,4.8rem)}.project-grid,.project-grid--listing{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:1fr}.project-detail__header{grid-template-columns:minmax(0,1fr)}.project-detail__visual{min-height:340px}.site-footer__inner{grid-template-columns:1fr;justify-items:center;gap:12px;padding-block:28px}}@media (width<=900px){.brand-story__steps{grid-template-columns:1fr}.brand-story__step{grid-template-columns:140px minmax(0,1fr);min-height:0}.brand-story__step img{width:140px}}@media (width<=760px){.site-header{--mobile-header-height:68px}.page-shell{width:min(calc(100% - 32px), var(--shell))}.site-header__inner{min-height:66px}.brand-mark{border-radius:11px;width:35px;height:35px}.brand-name{font-size:.98rem}.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding-block:44px 34px}.hero__tagline{margin-top:16px}.hero__art{border-radius:25px;padding:6px;box-shadow:6px 7px #ddebfa,0 18px 34px #0a30631a}.hero__image{border-radius:19px}.hero__art-chip{display:none}.project-grid,.project-grid--listing,.brand-story__steps{grid-template-columns:1fr}.brand-story__step{grid-template-columns:132px minmax(0,1fr);min-height:0;padding:16px}.brand-story__step img{width:132px}.brand-story__for-you{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px}.brand-story__for-you img{width:104px;height:104px}.brand-story__for-you .button{grid-column:1/-1}.project-card__visual{height:230px}.project-card p{min-height:auto}.section-heading{flex-direction:column;align-items:flex-start;gap:7px}.page-hero{padding-block:54px 32px}.project-detail{padding-block:32px 56px}.project-detail__header{border-radius:20px}.project-detail__copy{padding:28px 22px 34px}.project-detail__visual{min-height:300px;padding:24px}.zoomable-image__badge{padding:7px 10px 7px 7px;font-size:.74rem;bottom:9px;right:9px}.image-lightbox{border-radius:16px;width:96vw;height:94vh}.image-lightbox__header{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.image-lightbox__header p{text-overflow:ellipsis;white-space:normal;max-height:2.8em;padding-inline:3px;line-height:1.4;overflow:hidden}.image-lightbox__controls{justify-content:flex-end}.image-lightbox__viewport{padding:10px}.release-history__item{grid-template-columns:1fr;gap:11px;padding:17px 17px 17px 21px}.release-history__meta{align-items:center;gap:10px;display:flex}.project-actions,.hero__actions{flex-direction:column;align-items:stretch}.button{width:100%}.project-facts div{grid-template-columns:82px 1fr}.about-grid{grid-template-columns:1fr}.about-card--large,.about-card--manager,.about-card--why,.about-card--history,.about-card--cta,.about-card--site-work{grid-column:auto}.about-why__meanings,.about-card--site-work,.about-card--history{grid-template-columns:1fr}.about-card--history .button{width:100%}.about-manager__layout{grid-template-columns:1fr}.about-card--site-work .button{width:100%}.making-team,.technology-cards,.history-evolution{grid-template-columns:1fr}.history-page{padding-block:36px 60px}.history-timeline:before{left:11px}.history-timeline>li{padding-left:39px}.history-timeline>li:before{width:24px;height:24px;left:0}.character-spot,.character-spot--compact{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px}.character-spot img,.character-spot--compact img{width:92px}.legal-page{width:min(100% - 32px,860px);padding-block:36px 60px}.contact-layout{grid-template-columns:1fr;padding-block:36px 60px}.contact-layout>.character-spot{text-align:left;grid-template-columns:92px minmax(0,1fr);position:static}.contact-layout>.character-spot img{width:92px}.contact-form .button{justify-self:stretch}.update-item{grid-template-columns:1fr;padding:18px}.update-item__icon{width:38px;height:38px}.site-footer nav{flex-wrap:wrap;justify-content:center}}@media (width<=390px){.page-shell{width:min(calc(100% - 24px), var(--shell))}.brand-name{font-size:.9rem}.mobile-nav summary{padding-inline:11px;font-size:.86rem}.hero h1{font-size:3.1rem}.hero__art{border-radius:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.story-detail,.story-index{width:min(100% - 40px,1040px);padding-block:34px 72px}.story-index>section+section{margin-top:44px}.story-index__intro{box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#fff8ee,#fffdf9 58%,#f2fbff);border:1px solid #ff853742;border-radius:24px;padding:clamp(22px,4vw,34px)}.story-index__lead{color:var(--color-primary-dark);font-size:clamp(1.05rem,2vw,1.2rem);font-weight:750}.story-index__profiles,.story-index__entries{gap:22px;display:grid}.story-index__profiles{grid-template-columns:repeat(3,minmax(0,1fr))}.story-index__entries{grid-template-columns:repeat(2,minmax(0,1fr))}.story-index__profile,.story-index__entry{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;overflow:hidden}.story-index__profile{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid}.story-index__profile-image{background:#fffaf2;border:4px solid #fff4df;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;overflow:hidden}.story-index__profile-image img{object-fit:cover;width:112px;height:112px}.story-index__profile-image--cody img{transform:translate(5px)scale(1.16)}.story-index__profile-image--chappy img{transform:translateY(4px)scale(1.08)}.story-index__transformation-note{color:var(--color-text-muted);text-align:center;margin:16px 0 0}.story-index__profile h3,.story-index__profile p,.story-index__entry h3,.story-index__entry p{margin-block:0}.story-index__profile h3,.story-index__entry h3{margin-bottom:8px}.story-index__entry{grid-template-rows:auto 1fr;display:grid}.story-index__entry>img{aspect-ratio:16/9;object-fit:cover;background:#06101d;width:100%}.story-index__entry>div{align-content:start;gap:12px;padding:22px;display:grid}.story-index__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (width<=720px){.story-index{width:min(100% - 24px,1040px);padding-block:24px 52px}.story-index__profiles,.story-index__entries{grid-template-columns:1fr}.story-index__profile{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:16px}.story-index__profile-image,.story-index__profile-image img{width:82px;height:82px}}.story-detail__header{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 90% 8%,#60ccff2e,#0000 36%),linear-gradient(145deg,#fff8ee,#fffdf9 58%,#f2fbff);border:1px solid #ff853742;border-radius:28px;gap:12px;margin-block:22px 32px;padding:clamp(24px,5vw,48px);display:grid}.story-detail__header h1,.story-detail__header p{margin:0}.story-detail__header .eyebrow{box-sizing:border-box;overflow-wrap:anywhere;width:fit-content;max-width:100%}.story-detail__header time{color:var(--color-text-muted);font-size:.9rem}.story-detail__content{width:min(100%,940px);margin-inline:auto}.story-detail__content .ytec-story__meta{color:var(--color-primary-dark);letter-spacing:.06em;font-weight:800}.story-detail__content .ytec-story__lead,.story-detail__content .ytec-story__callout{background:#fff4df;border-radius:18px;padding:20px 22px;font-weight:650}.story-detail__content .ytec-story__callout{border-left:5px solid var(--color-primary)}.story-detail__content .ytec-story__callout--featured{border:2px solid var(--color-primary);max-width:760px;color:var(--color-primary-dark);text-align:center;letter-spacing:.08em;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff8e9,#ffedc5);border-radius:22px;margin:48px auto 0;padding:24px 28px;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:900;line-height:1.8}.story-detail__content .ytec-story__figure{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;margin:28px 0;padding:12px}.story-detail__content .ytec-story__figure img{object-fit:contain;border-radius:14px;width:100%;max-height:680px}.story-detail__content .ytec-story__figure figcaption{color:var(--color-text-muted);padding:10px 8px 2px;font-size:.9rem}.story-detail__content .ytec-story-dialogue{gap:22px;margin-block:24px 38px;display:grid}.story-detail__content .ytec-story-line{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;display:grid}.story-detail__content .ytec-story-line--ytec{grid-template-columns:minmax(0,1fr) 112px}.story-detail__content .ytec-story-line--ytec .ytec-story-speaker{grid-column:2}.story-detail__content .ytec-story-line--ytec .ytec-story-bubble{background:#fff4e6;grid-area:1/1}.story-detail__content .ytec-story-line--chappy .ytec-story-bubble{background:#fff9e8;border-color:#f0d49d}.story-detail__content .ytec-story-speaker{color:var(--color-text-muted);text-align:center;justify-items:center;gap:7px;font-size:.82rem;font-weight:800;display:grid}.story-detail__content .ytec-story-speaker img{object-fit:cover;width:96px;height:96px;box-shadow:var(--shadow-soft);border:4px solid #fff;border-radius:50%}.story-detail__content .ytec-story-bubble{border:1px solid var(--color-border);min-width:0;box-shadow:var(--shadow-soft);background:#eef9ff;border-radius:20px;padding:18px 20px;position:relative}.story-detail__content .ytec-story-bubble p:first-child{margin-top:0}.story-detail__content .ytec-story-bubble p:last-child{margin-bottom:0}.story-detail__content .ytec-story-key--cyan{color:#006f89}.story-detail__content .ytec-story-key--gold{color:#855700}.story-detail__content .ytec-story-key--orange{color:#a84000}@media (width<=680px){.story-detail{width:min(100% - 24px,1040px);padding-block:24px 52px}.story-detail__header{border-radius:20px}.story-detail__content .ytec-story-line,.story-detail__content .ytec-story-line--ytec{grid-template-columns:72px minmax(0,1fr);gap:10px}.story-detail__content .ytec-story-line--ytec .ytec-story-speaker{grid-column:1}.story-detail__content .ytec-story-line--ytec .ytec-story-bubble{grid-column:2}.story-detail__content .ytec-story-speaker img{border-width:3px;width:68px;height:68px}.story-detail__content .ytec-story-bubble{border-radius:16px;padding:14px}.story-detail__content .ytec-story__callout--featured{letter-spacing:.04em;margin-top:36px;padding:18px 16px;font-size:1.2rem}}.thanks-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:32px;display:grid}.thanks-hero .character-spot{margin:0}.thanks-page{padding-block:8px 80px}.thanks-jump{border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffeb;padding:26px}.thanks-jump h2,.thanks-jump h3,.thanks-jump ul,.thanks-policy-note p{margin:0}.thanks-jump h2{margin-bottom:18px;font-size:clamp(1.45rem,3vw,2rem)}.thanks-jump__groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.thanks-jump__groups section{background:#f5f9ff;border-radius:18px;min-width:0;padding:16px}.thanks-jump__groups h3{color:var(--orange-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem}.thanks-jump__groups ul{gap:5px;padding:0;list-style:none;display:grid}.thanks-jump__groups a{overflow-wrap:anywhere;color:var(--ink);font-weight:720;display:inline-block}.thanks-policy-note{border-left:5px solid var(--orange);color:#263c60;background:#fff5e6;border-radius:16px;gap:8px;margin-block:24px 32px;padding:20px 22px;display:grid}.thanks-work-list{gap:20px;display:grid}.thanks-work{border:2px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);scroll-margin-top:100px;overflow:clip}.thanks-work>summary{cursor:pointer;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:5px 16px;padding:24px 66px 24px 26px;list-style:none;display:grid;position:relative}.thanks-work>summary::-webkit-details-marker{display:none}.thanks-work>summary:after{content:"+";border:2px solid var(--line);width:32px;height:32px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:1.25rem;font-weight:900;display:grid;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.thanks-work[open]>summary:after{content:"−"}.thanks-work[open]>summary{border-bottom:2px solid var(--line);background:linear-gradient(120deg,#fff8ec,#f2f8ff)}.thanks-work__kind{color:#fff;background:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;grid-row:span 2;padding:5px 10px;font-size:.72rem;font-weight:900}.thanks-work__title{min-width:0;font-size:clamp(1.15rem,2.5vw,1.55rem);font-weight:850;line-height:1.25}.thanks-work__summary{color:var(--muted);line-height:1.55}.thanks-work__entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.credit-entry{border:1px solid var(--line);background:#fcfdff;border-radius:20px;min-width:0;padding:20px}.credit-entry__heading h3,.credit-entry__provider,.credit-entry>p{margin:0}.credit-entry__heading h3{overflow-wrap:anywhere;margin-top:10px;font-size:1.15rem;line-height:1.35}.credit-entry__provider{color:var(--muted);margin-top:3px;font-size:.9rem;font-weight:720}.credit-entry>p{margin-top:14px}.credit-chip{color:#06457e;background:#e3f2ff;border-radius:999px;margin:0 5px 5px 0;padding:4px 9px;font-size:.72rem;font-weight:850;display:inline-block}.credit-chip--relationship{color:#7c3800;background:#fff0d8}.credit-entry__details{border-top:1px solid var(--line);margin-top:16px}.credit-entry__details>summary{cursor:pointer;color:#084f94;padding-top:13px;font-weight:800}.credit-entry__details dl{gap:10px;margin:14px 0 0;display:grid}.credit-entry__details dl>div{grid-template-columns:minmax(100px,.34fr) minmax(0,1fr);gap:12px;display:grid}.credit-entry__details dt{color:var(--muted);font-size:.82rem;font-weight:850}.credit-entry__details dd{overflow-wrap:anywhere;min-width:0;margin:0}.credit-entry__details ul{margin:0;padding-left:1.1rem}@media (width<=960px){.thanks-hero{grid-template-columns:1fr}.thanks-jump__groups{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.thanks-page,.thanks-hero{width:min(calc(100% - 24px), var(--shell))}.thanks-jump,.thanks-work__entries{padding:18px}.thanks-jump__groups,.thanks-work__entries{grid-template-columns:1fr}.thanks-work>summary{grid-template-columns:1fr;padding:20px 58px 20px 18px}.thanks-work__kind{grid-row:auto;width:max-content}.thanks-work>summary:after{right:18px}.credit-entry__details dl>div{grid-template-columns:1fr;gap:2px}}