/* BELONGA — editorial art direction */
:root{--paper:#f2efe7;--ink:#202823;--forest:#455e4e;--sage:#abb7a3;--sand:#c6b49c;--line:rgba(32,40,35,.23);--gutter:clamp(24px,6vw,100px);--font:Manrope,"Noto Sans JP",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--forest);color:var(--paper)}a{color:inherit;text-underline-offset:6px}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font:inherit;font-style:normal;color:var(--forest)}h2{font-size:clamp(38px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em}p{line-height:1.9}a:focus-visible,button:focus-visible{outline:2px solid var(--forest);outline-offset:7px}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23noise)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.site-header{height:102px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.logo{font-size:28px;letter-spacing:-.075em;font-weight:800;text-decoration:none}.logo span{font-size:10px;vertical-align:top;margin:4px 0 0 4px;display:inline-block}.main-nav{display:flex;gap:32px;align-items:center}.main-nav a{text-decoration:none;font-size:13px}.main-nav a:hover{color:var(--forest)}.nav-contact{border-bottom:1px solid var(--ink);padding:10px 0;margin-left:25px}.nav-contact i{font-style:normal;margin-left:20px}.menu-toggle{display:none}.section-pad{padding:110px var(--gutter)}.section-number,.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;line-height:1.6}.section-number{margin-bottom:38px}.hero{position:relative;min-height:800px;min-height:min(850px,calc(100svh - 102px));padding-top:60px;padding-bottom:100px;isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:1200px}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow span{height:5px;width:5px;background:currentColor;border-radius:50%}h1{font-size:clamp(58px,7.65vw,122px);line-height:1.04;letter-spacing:-.064em;font-weight:500;margin:58px 0 26px;max-width:1000px}h1 em{font-weight:600}.jp-lead{font-size:clamp(16px,1.5vw,22px);font-weight:500;letter-spacing:.06em}.hero-text{max-width:355px;font-size:14px;margin-top:24px;color:#5e665f;line-height:1.8}.button{display:inline-flex;align-items:center;gap:40px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding:13px 0;margin-top:22px}.button b{font-size:20px;font-weight:400;transition:transform .2s}.button:hover b{transform:translate(3px,-3px)}.hero-art{position:absolute;z-index:-1;right:var(--gutter);top:48px;bottom:65px;width:42%;overflow:hidden;background:var(--forest);border-radius:160px 0 0 0}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,46,34,.68),rgba(54,77,61,.2)),url("https://images.unsplash.com/photo-1742515686706-d0c286c33b18?auto=format&fit=crop&w=1500&q=85") center/cover;filter:saturate(.4)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,239,231,.92),rgba(242,239,231,0) 70%);pointer-events:none}.market-tag,.art-caption{position:absolute;z-index:1;color:var(--paper);font-size:10px;letter-spacing:.12em;line-height:1.8}.market-tag{right:25px;top:27px}.art-caption{right:25px;bottom:27px;text-align:right}.scroll-note{position:absolute;left:var(--gutter);bottom:32px;font-size:10px;letter-spacing:.14em}.scroll-note span{margin-left:24px;font-size:18px}
.about{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;padding-top:100px;padding-bottom:115px}.about:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#202823 15%,rgba(32,40,35,.77)),url("https://images.unsplash.com/photo-1770343052716-3adaf423559f?auto=format&fit=crop&w=1400&q=80") right/cover;opacity:.45}.about>*{position:relative}.about .section-number{color:var(--sage)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.about em{color:var(--sage)}.about-body{padding-top:7px;max-width:470px}.about-body p{font-size:15px;line-height:2}.about-body p+p{margin-top:24px;font-size:14px;color:#b4bcb2}.jp-copy{font-weight:400}
.services{display:grid;grid-template-columns:34% 1fr;gap:5%;padding-top:120px;padding-bottom:95px}.section-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.16}.section-heading>p{margin-top:28px;font-size:13px;color:#697168}.service-list{border-top:1px solid var(--ink)}.service-item{display:grid;grid-template-columns:30px 1fr;gap:10px 16px;padding:27px 0 28px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-item>span{font-size:11px;padding-top:7px;color:var(--forest)}.service-item h3{font-size:clamp(23px,2.3vw,34px);letter-spacing:-.04em;line-height:1.15}.service-item p{grid-column:2;font-size:13px;color:#626a61;line-height:1.9}.service-item b{display:none}.service-item:hover{padding-left:12px;background:rgba(171,183,163,.13)}.services-note{grid-column:2;font-size:12px;color:#626a61;max-width:440px}
.network{background:#ded6c8;padding-top:90px;padding-bottom:110px}.network-top{display:grid;grid-template-columns:30% 1fr}.network-top h2{max-width:750px}.network-top>div>p{font-size:14px;max-width:510px;margin-top:24px}.network-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;align-items:center;margin-top:64px}.network-visual{height:420px;border-radius:2px 2px 180px 2px;position:relative;overflow:hidden;background:var(--forest)}.network-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(32,40,35,.65),rgba(32,40,35,.08)),url("https://images.unsplash.com/photo-1544531436-927438d0cfd6?auto=format&fit=crop&w=1300&q=85") center/cover;filter:saturate(.35)}.network-place{position:absolute;bottom:26px;left:26px;font-size:10px;letter-spacing:.12em;color:var(--paper)}.network-copy .eyebrow{font-size:10px}.network-copy>p:not(.eyebrow){font-size:22px;line-height:1.65;letter-spacing:-.02em;margin-top:28px}.network-copy>p.small-copy{font-size:14px;line-height:2;letter-spacing:0}.caution{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:27px;color:#626459}
.why{background:var(--forest);color:var(--paper);padding-top:95px;padding-bottom:100px}.why .section-number{color:#c5cdbf}.why-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7%}.why h2{font-size:clamp(36px,4.5vw,67px);letter-spacing:-.035em;line-height:1.2}.why h2 em{color:var(--sand)}.why-points{border-top:1px solid #8a9b8b}.why-points article{padding:25px 0;border-bottom:1px solid #8a9b8b;display:grid;grid-template-columns:30px 1fr;gap:8px 14px}.why-points span{font-size:11px;color:#c5cdbf}.why-points h3{font-size:21px;line-height:1.2;letter-spacing:-.025em}.why-points p{grid-column:2;font-size:13px;line-height:1.8;color:#d7ddd1}
.cases{position:relative;padding-top:105px;padding-bottom:100px;overflow:hidden}.cases-heading{position:relative;z-index:2;width:38%;pointer-events:none}.cases-heading h2{font-size:clamp(55px,7vw,108px)}.case-collage{height:720px;position:relative;margin-top:-160px}.case-tile{position:absolute;overflow:hidden;background-size:cover;background-position:center;background-color:var(--forest);color:var(--paper);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:13px;isolation:isolate;filter:saturate(.5);transition:filter .4s}.case-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(15,29,20,.73))}.case-tile:hover{filter:saturate(.85)}.case-tile strong{font-size:clamp(15px,1.5vw,24px);line-height:1.08;letter-spacing:.01em;font-weight:500}.case-tile small{font-size:10px;letter-spacing:.1em}.case-tgs{width:34%;height:275px;left:40%;top:0;transform:rotate(-5deg);border-radius:3px 72px 3px 3px;background-image:url("assets/game-exhibition-concept.png")}.case-shibuya{width:27%;height:380px;right:0;top:160px;clip-path:polygon(12% 0,100% 0,100% 93%,0 100%,0 8%);padding-left:28px;transform:rotate(4deg);background-image:url("assets/electric-town-generated.png")}.case-cosplay{width:47%;height:300px;left:4%;top:340px;border-radius:150px 4px 4px 4px;transform:rotate(-3deg);background-image:url("assets/cosplay-community-anime-v2.png")}.case-akiba{width:25%;height:280px;left:48%;top:400px;border-radius:4px 4px 110px 4px;transform:rotate(6deg);background-image:url("assets/anime-shop-generated.png")}.case-akiba strong{font-size:15px}.case-note{position:absolute;bottom:0;left:0;font-size:11px;line-height:1.8;letter-spacing:.06em}
.contact{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;right:-80px;top:0;bottom:0;width:45%;background:linear-gradient(90deg,#202823,rgba(32,40,35,.68)),url("https://images.unsplash.com/photo-1770343052716-3adaf423559f?auto=format&fit=crop&w=1000&q=80") center/cover;opacity:.5}.contact>*{position:relative}.contact .section-number{color:var(--sage)}.contact-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:8%}.contact h2{font-size:clamp(48px,6vw,88px)}.contact em{color:var(--sage)}.contact-main>div>p{font-size:14px;max-width:440px}.email-link{display:block;text-decoration:none;font-size:clamp(21px,2.5vw,35px);letter-spacing:-.04em;border-bottom:1px solid var(--sage);padding-bottom:20px;margin-top:35px;white-space:nowrap}.email-link span{float:right;color:var(--sage)}.contact-main>div>.contact-sub{font-size:11px;color:#a9b2a5;margin-top:20px;max-width:310px}.footer{padding:60px var(--gutter) 28px;background:var(--ink);color:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:40px;border-bottom:1px solid #536055}.footer-top .logo{font-size:clamp(42px,9vw,145px);line-height:.85;letter-spacing:-.08em}.footer-top .logo span{font-size:12px;margin-top:0}.footer-top p{font-size:13px;line-height:1.7;color:#bdc4b8}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:10px;color:#bdc4b8}.footer-bottom div{display:flex;gap:24px}.footer-bottom a{text-decoration:none}
@media(min-width:1600px){main,.site-header,.footer{max-width:1920px;margin:auto}}
@media(max-width:1000px){.main-nav{gap:20px}.hero{min-height:760px}.hero-art{width:45%;top:65px}.hero h1{font-size:8.3vw}.services{grid-template-columns:32% 1fr;gap:6%}.about-grid{gap:5%}.network-top{grid-template-columns:23% 1fr}.network-grid{gap:6%}.network-visual{height:360px}.why-grid{grid-template-columns:1fr;gap:48px}.why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border:0}.why-points article{border-top:1px solid #8a9b8b;grid-template-columns:1fr}.why-points p{grid-column:1}.case-collage{height:630px;margin-top:-100px}.case-tgs{height:225px}.case-shibuya{height:300px;top:140px}.case-cosplay{height:255px;top:290px}.case-akiba{height:250px;top:340px}.contact-main{gap:6%;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:80px}.logo{font-size:25px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:transparent;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{height:1px;width:24px;background:var(--ink)}.main-nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:28px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{font-size:16px;padding:8px 0}.nav-contact{margin-left:0}.section-pad{padding:72px var(--gutter)}.section-number{margin-bottom:26px;font-size:10px}.hero{min-height:0;padding-top:32px;padding-bottom:55px;display:flex;flex-direction:column}.hero .eyebrow{font-size:9px;letter-spacing:.06em}.hero h1{font-size:clamp(43px,10.6vw,74px);letter-spacing:-.055em;margin:38px 0 20px}.hero .jp-lead{font-size:14px;letter-spacing:.02em}.hero-text{max-width:100%;font-size:13px}.hero-art{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:330px;margin-top:38px;border-radius:90px 0 0 0;z-index:0}.hero-art:after{background:linear-gradient(180deg,rgba(242,239,231,.12),transparent)}.market-tag,.art-caption{font-size:9px}.scroll-note{display:none}.about-grid,.services,.network-top,.network-grid,.contact-main{display:block}.about h2{font-size:clamp(35px,8.5vw,55px)}.about-body{margin-top:32px}.about-body p{font-size:14px}.services .section-heading>p{margin-top:22px;font-size:12px}.services h2{font-size:clamp(38px,10vw,62px)}.service-list{margin-top:38px}.service-item{padding:23px 0;gap:9px 10px;grid-template-columns:26px 1fr}.service-item h3{font-size:25px}.service-item p{font-size:12px}.services-note{margin-top:24px;font-size:12px}.network-top h2{font-size:clamp(36px,8.5vw,56px)}.network-top>div>p{font-size:13px}.network-grid{margin-top:32px}.network-visual{height:310px;border-radius:2px 2px 115px 2px}.network-copy{margin-top:32px}.network-copy>p:not(.eyebrow){font-size:20px}.network-copy>p.small-copy{font-size:13px}.why h2{font-size:clamp(33px,8.3vw,56px);line-height:1.25;letter-spacing:-.035em}.why-points{display:block;margin-top:30px}.why-points article{display:grid;grid-template-columns:25px 1fr;gap:8px 10px;border-top:0}.why-points article:first-child{border-top:1px solid #8a9b8b}.why-points p{grid-column:2}.why-points h3{font-size:20px}.cases-heading{width:100%}.cases-heading h2{font-size:clamp(56px,14vw,82px)}.case-collage{height:710px;margin-top:36px}.case-tgs{width:61%;height:205px;left:0;top:10px;transform:rotate(-4deg);border-radius:3px 50px 3px 3px}.case-shibuya{width:42%;height:260px;right:0;top:165px;transform:rotate(3deg)}.case-cosplay{width:67%;height:220px;left:0;top:270px;border-radius:90px 3px 3px 3px}.case-akiba{width:43%;height:200px;left:52%;top:470px;border-radius:3px 3px 75px 3px}.case-tile{padding:18px}.case-tile strong{font-size:15px}.case-akiba strong{font-size:13px}.case-tile small{font-size:9px}.case-note{bottom:12px;max-width:47%;font-size:10px}.contact h2{font-size:clamp(45px,11vw,72px)}.contact-main>div{margin-top:38px}.email-link{font-size:clamp(22px,6vw,32px)}.footer{padding-top:15px}.footer-top{display:block}.footer-top .logo{font-size:17vw}.footer-top p{margin-top:25px;font-size:12px}.footer-bottom{flex-direction:column;font-size:10px}.footer-bottom div{gap:18px;flex-wrap:wrap}}
.hero-art:before{background:linear-gradient(0deg,rgba(28,46,34,.38),rgba(54,77,61,.08)),url("assets/tokyo-crossing-generated.png") center/cover;filter:saturate(.85)}
.network-visual:before{background:linear-gradient(0deg,rgba(32,40,35,.42),rgba(32,40,35,.04)),url("assets/tokyo-skyline-generated.png") center/cover;filter:saturate(.8)}
.case-cosplay{background-image:url("assets/cosplay-community-anime-v2.png");background-position:center 45%;filter:saturate(.8)}
.case-shibuya{background-image:url("assets/electric-town-generated.png");background-position:center 65%}
.case-akiba{background-image:url("assets/anime-shop-generated.png");background-position:center 55%}
/* Japanese body copy: comfortable spacing without changing English display headings. */
.why-points h3{font-size:clamp(17px,1.6vw,21px);line-height:1.65;letter-spacing:.015em;overflow-wrap:anywhere}
.why-points p,.hero-text,.services-note{line-height:2}
.main-nav a{white-space:nowrap}
.network-copy>p:not(.eyebrow):not(.small-copy){letter-spacing:.02em;line-height:1.8}
@media(min-width:701px) and (max-width:1000px){.main-nav{gap:15px}.main-nav a{font-size:12px}.nav-contact{margin-left:8px}}
/* Reading rhythm and Japanese punctuation rules across content sections. */
p,.caution,.form-privacy,label{line-break:strict;word-break:normal;overflow-wrap:break-word}
.about-grid>*,.services>*,.network-top>*,.network-grid>*,.why-grid>*,.contact-main>*,.service-item>*,.inquiry-layout>*{min-width:0}
.why-points h3{overflow-wrap:normal;line-break:strict;word-break:normal;text-wrap:pretty}
.about-body p,.service-item p,.network-top>div>p,.network-copy .small-copy,.why-points p,.contact-main>div>p{line-height:2;letter-spacing:.015em}
.eyebrow span{flex-shrink:0}
.email-link{letter-spacing:.02em;line-height:1.6}
.contact-main>div>.contact-sub{max-width:none;font-size:12px;letter-spacing:0;line-height:1.9}
@media(min-width:1001px){.contact-main{grid-template-columns:minmax(0,1.2fr) minmax(370px,1fr)}.contact-main>div>.contact-sub{white-space:nowrap}}
@media(min-width:701px) and (max-width:1000px){.why-points{display:block}.why-points article{grid-template-columns:30px minmax(0,1fr);border-top:0}.why-points article:first-child{border-top:1px solid #8a9b8b}.why-points p{grid-column:2}.contact-main{grid-template-columns:minmax(0,1fr) minmax(360px,1.2fr);gap:28px}.contact-main>div>.contact-sub{white-space:nowrap}}
@media(max-width:700px){.contact-main>div>.contact-sub{white-space:normal}.case-collage{margin-bottom:100px}.case-note{top:710px;bottom:auto;max-width:100%;font-size:11px;line-height:2;letter-spacing:.02em}.why-points h3{font-size:18px}.service-item p{font-size:13px}.hero h1{font-size:clamp(36px,10.6vw,74px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}