/* HIROO JOURNAL — an editorial edition, October 2026. */
@font-face{font-family:HirooDisplay;src:url('/assets/oswald-medium.ttf') format('truetype');font-display:swap}
:root{--paper:#f1eddf;--orange:#f15e27;--navy:#24231f;--ink:#20221e}
body.cafe-site{background:var(--paper);background-image:none;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.cafe-site .site{max-width:1920px;margin:0 auto;padding:0 clamp(20px,4vw,80px)}
.cafe-site a,.cafe-site a:visited{color:inherit}
.cafe-site .masthead{display:grid;grid-template-columns:1fr auto;margin:0;padding:24px 0 18px;gap:6px 24px;border-bottom:1px solid var(--ink)}
.masthead-top{display:contents}.masthead .brand{grid-column:1;width:130px}.masthead .brand img{width:130px;height:46px;object-fit:contain;object-position:left}.masthead-tools{grid-column:2;grid-row:1 / 3;gap:22px}.masthead-caption{grid-column:1;font:10px/1.4 'Courier New',monospace;letter-spacing:1.1px;margin:0}.masthead-location{font-size:10px}
.cafe-site .masthead nav[aria-label]{grid-column:1 / -1;border:0;padding:12px 0 0;gap:12px 28px;font:12px/1.3 'Courier New',monospace}.cafe-site .masthead nav a{min-height:32px;color:var(--ink)}
.cafe-site .masthead nav a[aria-current]{box-shadow:none;color:#b53e15}.masthead .language-switch{border:1px solid #20221e55}.masthead .language-switch a[aria-current]{box-shadow:none;background:var(--ink);color:var(--paper)}.masthead .language-switch>span{display:none}
.cafe-site .live-strip{background:var(--ink);border:0;margin:0 -0px 24px;padding:0;color:var(--paper);box-shadow:none}.cafe-site .ticker-track>span{font:11px/1.5 'Courier New',monospace;letter-spacing:2px}.cafe-site .live-strip .motion-toggle{background:transparent;color:var(--paper)!important;border:0;border-left:1px solid #ffffff55;box-shadow:none}
.cafe-site .window{background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:40px}
.cafe-site .titlebar{background:transparent;color:var(--ink);border-top:1px solid currentColor;border-bottom:1px solid #20221e33;padding:12px 0;font:11px/1.4 'Courier New',monospace;letter-spacing:1.5px}.cafe-site .titlebar>span:last-child{display:none}
.cafe-site .button,.cafe-site button:not(.quiet-door){background:var(--paper);border:1px solid var(--ink);box-shadow:none;color:var(--ink)!important;padding:12px 18px;font:12px/1.4 'Courier New',monospace;transition:background .2s,color .2s,transform .2s}
.cafe-site .button:hover,.cafe-site button:not(.quiet-door):hover{background:var(--orange);color:var(--ink)!important}.cafe-site .button:focus-visible{outline:3px solid var(--orange)}
.edition-cover{padding-bottom:32px}.issue-line,.cover-bottom{display:flex;justify-content:space-between;gap:20px;font:10px/1.4 'Courier New',monospace;letter-spacing:1px;padding:4px 0 20px}.cover-heading{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:end;padding:12px 0 32px}.cover-heading h1{font:clamp(70px,10.5vw,180px)/.97 HirooDisplay,Impact,sans-serif;letter-spacing:-.035em;margin:0}.cover-heading h1 em{font-style:normal;color:var(--orange)}.cover-note{padding-bottom:6px}.cover-note>span{font:13px/1.5 'Courier New',monospace;letter-spacing:4px}.cover-note p{font:18px/1.5 Georgia,serif;margin:16px 0 24px}.cafe-site .cover-cta{background:var(--ink);color:var(--paper)!important;width:100%}
.cover-scene{position:relative;padding:0;background:#30251d;overflow:hidden;margin:0}.cover-scene>img{display:block;width:100%;height:clamp(400px,43vw,740px);object-fit:cover;object-position:50% 55%}.cover-scene figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:24px;color:white;text-align:left;font:11px/1.5 'Courier New',monospace;background:linear-gradient(transparent,#16130d99)}.cover-scene figcaption>span:last-child{text-align:right}.cover-stamp{position:absolute;right:30px;top:30px;border-radius:50%;width:142px;height:142px;background:var(--orange);display:flex;flex-direction:column;justify-content:center;text-align:center;text-decoration:none;transform:rotate(10deg);font:32px/1.1 HirooDisplay,sans-serif;border:1px solid var(--ink);transition:transform .3s}.cover-stamp:hover{transform:rotate(-8deg)}.cover-stamp small{font:11px/1.4 'Courier New',monospace;margin-top:5px}.cover-bottom{padding:16px 0;border-bottom:1px solid var(--ink)}
.edition-statement{padding:60px 0;display:grid;grid-template-columns:1fr 3fr 1fr;gap:24px;align-items:start}.edition-statement>span{font:11px/1.5 'Courier New',monospace}.edition-statement>span:last-child{text-align:right}.edition-statement p{font:clamp(32px,4.4vw,70px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:0}
.cafe-site .edition-about{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;align-items:center;margin-bottom:100px}.edition-about .titlebar{grid-column:1/-1;margin-bottom:30px}.about-photo{width:100%;height:580px;object-fit:cover;object-position:50% 68%}.cafe-site .edition-about .about-copy{background:transparent;padding:30px 0}.edition-about h2{font:36px/1.12 Georgia,serif;letter-spacing:-1px}.edition-about p{font:17px/1.75 Arial,sans-serif;color:#55534a}.edition-about a{display:inline-block;margin-top:20px;font:12px/1.5 'Courier New',monospace;text-transform:uppercase}
.cafe-site .edition-menu{background:#e5dfcd;padding:32px;margin-bottom:100px}.edition-menu .quick-menu{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0}.edition-menu .quick-menu a{border:0;border-right:1px solid #20221e44;background:transparent;display:flex;flex-direction:column;text-align:center;padding:24px 8px;gap:10px;font:20px/1.2 HirooDisplay,Arial,sans-serif}.edition-menu .quick-menu a:last-child{border-right:0}.edition-menu .quick-menu small{font:10px/1.4 'Courier New',monospace}.edition-menu .home-menu-icon{width:100px;height:100px}.edition-menu .full{width:auto;display:flex;max-width:240px;margin:auto;background:var(--ink);color:var(--paper)!important}
.cafe-site .page-intro{background:transparent;padding:38px 0}.cafe-site .page-intro h1,.cafe-site .page-intro h2{font:clamp(40px,5vw,76px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px}.cafe-site .page-intro p{font:18px/1.5 Arial,sans-serif;max-width:650px}
.cafe-site .gallery-window{margin-bottom:100px}.cafe-site .hiroo-gallery{padding:0;gap:26px;grid-template-columns:repeat(3,minmax(0,1fr))}.cafe-site .hiroo-photo{padding:0;background:transparent}.cafe-site .gallery-open{border:0}.cafe-site .gallery-open img{transition:transform .6s;object-fit:cover}.cafe-site .gallery-open:hover img{transform:scale(1.035)}.cafe-site .hiroo-photo figcaption{font:10px/1.5 'Courier New',monospace;text-align:left;letter-spacing:.3px}.edition-home .hiroo-photo:nth-child(3n+2){padding-top:60px}
.cafe-site .edition-radio{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;background:var(--navy);color:var(--paper);padding:50px;margin-bottom:100px}.edition-radio .titlebar{font:clamp(40px,5vw,80px)/1 HirooDisplay,Impact,sans-serif;color:var(--paper);border:0;align-items:start;max-width:280px}.edition-radio .radio-body{padding:0}.edition-radio .radio-display{border:1px solid #f1eddf55;background:transparent;padding:20px;color:var(--paper)}.edition-radio .radio-body>small{opacity:.65;font:10px/1.6 'Courier New',monospace}.edition-radio .radio-track-label{margin-top:22px}.edition-radio select{background:var(--paper);font:14px 'Courier New',monospace;border:0;padding:12px;width:100%}.edition-radio .radio-controls{margin:18px 0}.edition-radio .radio-controls input{accent-color:var(--orange)}
.cafe-site .home-run{margin-bottom:100px}.home-run-intro{background:transparent;padding:35px 0}.home-run-intro h2{font:clamp(30px,4vw,55px)/1.1 Georgia,serif;letter-spacing:-.03em;max-width:750px}.home-run-intro p{font-size:16px}.home-run-stage{padding:0}.home-run-cover{aspect-ratio:2.7}.home-run-cover strong{font:clamp(40px,7vw,100px)/1 HirooDisplay,Impact,sans-serif;letter-spacing:2px}.cafe-site .home-run-cover button{background:var(--orange);padding:14px 35px;font-weight:bold}.home-run-player{padding:10px}
.cafe-site .contact-grid{gap:40px;padding:0;background:transparent;grid-template-columns:2fr 1fr}.cafe-site .contact-card{background:transparent;border:0;padding:0}.cafe-site .contact-card--address{grid-template-columns:1fr;gap:30px}.contact-address-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.contact-address-copy h2{grid-column:1 / -1}.contact-address-copy .button{align-self:start}.cafe-site .contact-card h2{font:12px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px;margin:0 0 18px}.cafe-site .contact-card p{font:19px/1.6 Georgia,serif;margin-bottom:30px}.contact-entrance{border:0;padding:0}.contact-entrance img{object-fit:cover}
.cafe-site footer{border-top:1px solid var(--ink);padding:45px 0;margin-top:70px;gap:25px}.cafe-site .footer-brand{font:48px/1 HirooDisplay,Impact,sans-serif;border:0;padding:0}.footer-brand small{font:9px/1.5 'Courier New',monospace;letter-spacing:1px}.cafe-site footer p,.cafe-site footer small,.cafe-site footer a:not(.footer-brand){font-size:12px}.cafe-site .badge{background:var(--orange);border:0;font:22px/1.1 HirooDisplay,sans-serif;padding:14px}
.cafe-site .menu-layout{padding:0;gap:40px;grid-template-columns:220px minmax(0,1fr)}.cafe-site .menu-index{top:20px;border-top:1px solid var(--ink)}.cafe-site .menu-index a{border:0;border-bottom:1px solid #20221e33;background:transparent;padding:12px 0;font-size:12px}.cafe-site .menu-index a:hover{background:#e5dfcd}.cafe-site .menu-content{gap:36px}.cafe-site .menu-section{border:0;border-top:2px solid var(--ink);background:transparent;padding:20px 0;box-shadow:none}.cafe-site .menu-section h2{font:32px/1.15 Georgia,serif}.cafe-site .menu-row h3{font:16px/1.5 Arial,sans-serif}.cafe-site .menu-row{border-bottom:1px solid #20221e33}.cafe-site .price{font:14px/1.5 'Courier New',monospace}.cafe-site .menu-section>p{font:10px/1.5 'Courier New',monospace;letter-spacing:1px}
@media(min-width:1450px){.cafe-site .menu-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.cover-heading{grid-template-columns:1fr 210px}.cover-heading h1{font-size:11vw}.about-photo{height:470px}.edition-statement{grid-template-columns:1fr 3fr}.edition-statement>span:last-child{display:none}.cafe-site .edition-radio{padding:35px;gap:25px}.cafe-site .menu-content{grid-template-columns:1fr}.cafe-site .contact-grid{grid-template-columns:1.5fr 1fr}.contact-address-copy{display:block}}
@media(max-width:760px){.cafe-site .site{padding:0 18px}.cafe-site .masthead{padding:18px 0 12px}.masthead .brand{width:108px}.masthead .brand img{width:108px;height:40px}.masthead-caption{font-size:8px;letter-spacing:.7px}.masthead-tools{gap:0}.cafe-site .masthead nav[aria-label]{gap:3px 17px;font-size:10px;justify-content:flex-start}.cafe-site .masthead nav a:last-child{margin-left:0}.cafe-site .live-strip{margin-bottom:16px}.issue-line{font-size:8px;gap:12px;padding-bottom:18px}.issue-line span:last-child{text-align:right}.cover-heading{grid-template-columns:1fr;padding:0 0 24px;gap:24px}.cover-heading h1{font-size:clamp(65px,16vw,115px)}.cover-note{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center}.cover-note>span{grid-column:1/-1;font-size:10px}.cover-note p{font-size:14px;margin:0;max-width:210px}.cafe-site .cover-cta{font-size:9px;padding:12px 10px;max-width:165px}.cover-scene>img{height:440px;object-position:56% center}.cover-stamp{width:98px;height:98px;right:15px;top:15px;font-size:26px}.cover-stamp small{font-size:8px}.cover-scene figcaption{padding:14px;font-size:9px}.cover-bottom{font-size:8px}.cover-bottom>span:last-child{max-width:90px;text-align:right}.edition-statement{padding:35px 0;grid-template-columns:1fr;gap:16px}.edition-statement p{font-size:35px}.cafe-site .edition-about{grid-template-columns:1fr;margin-bottom:50px}.about-photo{height:400px}.cafe-site .edition-about .about-copy{padding:25px 0 0}.edition-about h2{font-size:28px}.edition-about p{font-size:15px}.cafe-site .edition-menu{padding:20px;margin-bottom:50px}.edition-menu .quick-menu{grid-template-columns:1fr 1fr;gap:16px 0;margin:12px 0 24px}.edition-menu .quick-menu a{font-size:18px;padding:14px 5px}.edition-menu .quick-menu a:nth-child(2){border:0}.edition-menu .home-menu-icon{width:80px;height:80px}.edition-menu .quick-menu small{font-size:8px}.cafe-site .page-intro{padding:28px 0}.cafe-site .page-intro h1,.cafe-site .page-intro h2{font-size:42px}.cafe-site .page-intro p{font-size:15px}.cafe-site .hiroo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.edition-home .hiroo-photo:nth-child(3n+2){padding-top:0}.edition-home .hiroo-photo:nth-child(even){padding-top:35px}.cafe-site .hiroo-photo figcaption{font-size:9px;gap:6px;flex-wrap:wrap}.cafe-site .gallery-window{margin-bottom:50px}.cafe-site .edition-radio{grid-template-columns:1fr;padding:25px 20px;margin-bottom:50px;gap:24px}.edition-radio .titlebar{font-size:46px;max-width:none}.edition-radio .radio-display{padding:15px}.cafe-site .home-run{margin-bottom:50px}.home-run-intro{padding:24px 0}.home-run-intro h2{font-size:34px}.home-run-cover{aspect-ratio:1.3}.home-run-cover>img{object-position:60% center}.cafe-site .contact-grid{grid-template-columns:1fr;gap:35px}.cafe-site .contact-card p{font-size:18px}.cafe-site footer{margin-top:45px;padding:28px 0;align-items:start}.cafe-site .menu-layout{grid-template-columns:1fr;padding:0;gap:24px}.cafe-site .menu-index{position:static;display:grid;grid-template-columns:1fr 1fr;max-height:none;overflow:visible;gap:0 12px}.cafe-site .menu-index a{font-size:11px;min-height:64px;grid-template-columns:30px 1fr}.cafe-site .menu-index .ink-icon{width:30px;height:30px}.cafe-site .menu-section h2{font-size:28px}.cafe-site .menu-row h3{font-size:15px}.cafe-site .menu-content{gap:24px}.cafe-site .titlebar{font-size:10px}.cafe-site .footer-end{align-items:start}}
@media(prefers-reduced-motion:reduce){.cafe-site *, .cafe-site *:before,.cafe-site *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}