:root{--paper:#fff;--ink:#12151c;--blue:#1858e8;--pale:#eef3ff;--line:#dbe1ec;--muted:#535e73;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*,*::before,*::after{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--blue);color:white}.shell{width:min(1000px,100% - 80px);margin:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:16px;z-index:10}.skip:focus{top:12px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink)}.wordmark{font-size:25px;font-weight:800;letter-spacing:-.07em}.logo-dot{color:var(--blue);margin-left:3px}.header nav{display:flex;gap:26px;font-size:12px;font-weight:700}.header nav a{padding:16px 0}.header nav a:hover{color:var(--blue)}.hero{padding:40px 0 44px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--blue);margin:0 0 14px}.hero h1{font-size:clamp(26px,3.4vw,39px);font-weight:800;letter-spacing:-.05em;line-height:1.5;margin:0 0 14px}.mobile-break{display:none}.intro{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}.hero-stamp{font-size:26px;font-weight:900;line-height:.95;letter-spacing:-.06em;color:var(--blue);transform:rotate(8deg);margin-right:20px}.hero-stamp b{display:block;font-size:45px;text-align:right;line-height:.9}.cover-wrap{position:relative}.art-slot{position:relative;overflow:hidden;isolation:isolate}.cover{aspect-ratio:3.6/1;min-height:160px;background:var(--blue);color:white;padding:26px 30px;display:flex;align-items:center}.cover-label{position:relative;z-index:2}.cover-label>span{font-size:clamp(30px,5vw,60px);font-weight:900;line-height:.92;letter-spacing:-.07em;font-style:italic;display:block}.cover-label small{display:block;font-size:11px;margin-top:16px}.cover-panel{position:absolute;z-index:0;background:repeating-linear-gradient(135deg,transparent 0 7px,#ffffff30 7px 8px);transform:skewX(-15deg);border-left:8px solid white}.panel-one{width:36%;height:150%;right:20%;top:-20%;background-color:#151821}.panel-two{width:32%;height:150%;right:-8%;top:-20%;background-color:#e8efff;background-image:radial-gradient(#1858e85c 1px,transparent 1px);background-size:6px 6px;border-left-width:12px}.cover-caption{position:absolute;right:18px;bottom:14px;z-index:1;font-size:9px;letter-spacing:.05em;background:var(--ink);color:white;padding:5px 8px}.art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:4;display:block}.art-image[hidden]{display:none}.has-image .cover-label,.has-image .cover-panel,.has-image .cover-caption,.has-image .thumb-type,.has-image .placeholder-label{visibility:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.section-heading h2{font-size:21px;line-height:1.5;margin:0;letter-spacing:-.04em}.section-heading h2>span{font-size:9px;color:var(--blue);letter-spacing:.06em;display:inline-block;margin-left:16px;vertical-align:middle}.section-note{font-size:11px;color:var(--muted)}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}.link-card{min-width:0}.portal{display:block;border:1px solid var(--line);background:white;transition:box-shadow .18s,transform .18s}.portal[href]:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--blue)}.thumb{aspect-ratio:2.05/1;display:flex;flex-direction:column;justify-content:center;padding:22px 26px;gap:12px;background:var(--pale);color:var(--blue)}.thumb-type{font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.065em;line-height:1;transform:rotate(-5deg);transform-origin:left center}.placeholder-label{font-size:11px;position:relative;z-index:1}.thumb-x{background-image:radial-gradient(#1858e830 1px,transparent 1px);background-size:6px 6px}.card-copy{padding:20px 22px;min-height:135px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}.card-title h3{font-size:23px;line-height:1.5;margin:0;letter-spacing:-.03em}.card-title>span{font-size:22px;color:var(--blue)}.card-copy p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.about{margin-top:48px;padding:30px 0 34px;border-top:2px solid var(--ink)}.about-content{display:grid;grid-template-columns:1fr 1.45fr;gap:24px;align-items:center}.about h2{font-size:26px;letter-spacing:-.04em;line-height:1.5;margin:0}.about h2 span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.about-content>p{font-size:12px;line-height:2;margin:0}footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 30px}.footer-brand{font-size:18px;font-weight:800;letter-spacing:-.06em}footer small,footer>a{font-size:10px;color:var(--muted)}footer>a{padding:14px 0}
@media(max-width:650px){.shell{width:calc(100% - 40px)}.header{height:78px;gap:12px}.wordmark{font-size:23px}.header nav{font-size:10px;gap:16px}.hero{padding:28px 0 30px}.hero-top{margin-bottom:24px;align-items:flex-start;gap:12px}.eyebrow{font-size:9px;margin-bottom:12px}.hero h1{font-size:29px;line-height:1.5;margin-bottom:13px}.mobile-break{display:block}.intro{font-size:11px}.hero-stamp{font-size:19px;margin:34px 4px 0 0}.hero-stamp b{font-size:32px}.cover{aspect-ratio:2/1;min-height:0;padding:22px}.cover-label>span{font-size:38px}.cover-label small{font-size:10px;max-width:140px;line-height:1.5;margin-top:12px}.cover-caption{font-size:7px;right:10px;bottom:10px}.panel-one{right:15%}.panel-two{right:-18%;width:40%}.section-heading{padding-bottom:13px;margin-bottom:18px}.section-heading h2{font-size:20px}.section-heading h2>span{display:block;font-size:9px;margin:3px 0 0}.section-note{font-size:10px;max-width:130px;line-height:1.7}.link-grid{gap:20px 14px}.thumb{aspect-ratio:1.15/1;padding:15px 12px;gap:12px}.thumb-type{font-size:25px}.placeholder-label{font-size:9px;line-height:1.7}.card-copy{padding:14px 12px;min-height:158px}.card-title{gap:4px}.card-title h3{font-size:18px}.card-title>span{font-size:19px}.card-copy p{font-size:11px}.about{margin-top:30px;padding:25px 0}.about-content{grid-template-columns:1fr;gap:19px}.about h2{font-size:25px}.about-content>p{font-size:11px}footer{gap:12px;flex-wrap:wrap;padding:18px 0}.footer-brand{font-size:16px}footer small,footer>a{font-size:9px}}
@media(max-width:359px){.shell{width:calc(100% - 32px)}.header nav{gap:12px;font-size:9px}.wordmark{font-size:21px}.hero h1{font-size:27px}.hero-stamp{font-size:17px}.card-title h3{font-size:16px}.thumb-type{font-size:22px}.card-copy{padding:12px 10px}.section-note{max-width:112px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.wordmark-en{font:700 10px Arial,sans-serif;letter-spacing:.1em;display:inline-block;margin-left:10px;vertical-align:middle}.footer-en{font:700 9px Arial,sans-serif;letter-spacing:.08em}.link-grid{grid-template-columns:minmax(0,1fr)}.link-card .portal{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.link-card .thumb{aspect-ratio:2.05/1}.link-card .card-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0}.link-card .card-title h3{font-size:28px}.link-card .card-copy p{font-size:13px}.header nav a{min-height:44px;display:inline-flex;align-items:center}.wordmark{min-height:44px;display:inline-flex;align-items:center}.hero-top>div{min-width:0}.hero-stamp{flex-shrink:0}
@media(max-width:650px){.link-card .portal{grid-template-columns:minmax(0,1fr)}.link-card .thumb{aspect-ratio:2.1/1;padding:24px}.link-card .thumb-type{font-size:36px}.link-card .card-copy{padding:20px 22px}.link-card .card-copy p{font-size:12px}.wordmark-en{font-size:8px;margin-left:7px}.header nav{gap:12px}.hero h1{font-size:clamp(26px,7.3vw,29px)}.hero-stamp{font-size:17px;margin-right:0}.cover-caption{font-size:8px;letter-spacing:0}.cover-label small{font-size:10px}.about-content>p{font-size:12px}}
@media(max-width:359px){.header{gap:8px}.header nav{gap:10px}.wordmark{font-size:21px}.wordmark-en{font-size:7px;margin-left:5px}.hero-stamp{font-size:15px}.hero h1{font-size:26px}}

@media(max-width:650px){.cover-caption{display:none}}